Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network Chart

Public visualization

Viewing a saved revision (read-only)

ddc10d4888f048dea8caae134240b855

Network Chart

0 stars1🌍 Public
PPavaniMangugari
Last edited Jul 9, 2022
Created on Jul 9, 2022

This network chart visualizes connections between named individuals using a force-directed layout. Nodes are rendered as pink circles with violet text labels, while orange links between them have stroke widths proportional to the link weight data from the local `graphFile.json`. The visualization uses the older `d3.layout.force` API (from d3 v4) with gravity, charge, and distance parameters to position the graph, and supports interactive dragging of nodes. The SVG is drawn dynamically, with each node’s position updated on every tick event.

AI-generated description

See also React Starter.