Visualizing Fiber Optic Failures via Geospatial Mapping

"The goal is to transform abstract network logs into actionable visual intelligence, allowing technicians to see exactly where the physical layer has failed."

Managing fiber optic infrastructure often feels like searching for a needle in a haystack—if the haystack were hundreds of miles of underground cabling. Traditionally, identifying a fiber break involved staring at text-based logs or coordinate strings. This project, React Networks, changes that by linking outage data directly to an interactive map.

The Problem: The "Blind" Monitoring Era

Before this implementation, network engineers relied on manual coordinate plotting and static spreadsheets. The workflow was inefficient:

1. Receive an alert.
2. Extract GPS coordinates from an OTDR (Optical Time-Domain Reflectometer).
3. Manually enter those coordinates into a separate mapping tool.

Comparison of Monitoring Methods

The Technical Solution

The application leverages a modern stack to bridge the gap between hardware alerts and visual representation. By using React for the frontend and a mapping API, the system renders "break points" as dynamic markers.

Data Flow Architecture

The following diagram illustrates how a physical break becomes a pixel on the screen:

Calculating the Break Point

To determine the exact location, the system calculates the distance from the source based on the speed of light in fiber. The signal loss is often represented by the formula:

$L = \alpha \cdot d + \sum \text{losses}$

Where:

• $L$ is the total loss in decibels ($\text{dB}$).
• $\alpha$ is the attenuation coefficient.
• $d$ is the distance to the break.

Implementation Details

The core of the application relies on mapping components that can handle real-time updates. For example, a simplified version of the marker logic might look like this:

const FiberMarker = ({ lat, lng, severity }) => {
  return (
    <Marker position={[lat, lng]} icon={severity === 'critical' ? redIcon : yellowIcon}>
      <Popup>
        <strong>Fiber Break Detected</strong><br />
        Distance: {calculateDistance(lat, lng)} km
      </Popup>
    </Marker>
  );
};

Key Features & Roadmap

The current build focuses on precision and speed. The following tasks have been addressed or are currently in development:

• Integration with real-time OTDR data feeds.
• Dynamic color-coding based on outage severity.
• Support for zoom-to-coordinate functionality.
• Implementation of historical break heatmaps.
• Automated technician dispatch routing.

Final Thoughts

By moving away from stale data tables and toward live geospatial overlays, React Networks reduces the Mean Time to Repair (MTTR). It turns a complex mathematical problem—calculating signal reflection—into a simple visual task: find the red dot on the map.