Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React & D3 Starter

Public visualization

Viewing a saved revision (read-only)

5138dece56a447389b4b2518440a7c98

Fork of React & D3 Starter

0 stars1🌍 Public
Ssharathchandrareddymuthyam
Last edited Nov 5, 2025
Created on Nov 5, 2025
Forked from React & D3 Starter

A force-directed network diagram visualizes flight routes among seven cities, with node size reflecting degree centrality and color mapping to geographic region. The visualization uses D3 v7's `forceSimulation` with `forceLink`, `forceManyBody`, `forceCenter`, and `forceCollide` to position nodes, while SVG circles, lines, and text labels render the graph. Interactive drag behavior is implemented via D3's `drag` function, and a legend identifies the four region categories. The data originates from a hardcoded JavaScript array of city nodes and weighted route links.

AI-generated description