🌍 Public
Viewing a saved revision (read-only)
98dbd5cbe47440e2a39ff73d3aa0cb94
Network graph of social connection
This example shows a network graph of social connections, with nodes representing characters from a fictional world and links indicating relationships between them. The graph uses D3’s force layout (d3.layout.force) to position nodes, which are rendered as purple circles with dark outlines and labeled with names. Links appear as black lines, and link thickness is set based on a numeric weight attribute when present. Users can click and drag nodes to rearrange the layout, which updates in real time. The visualization reads data from a local JSON file and renders entirely in SVG.
AI-generated descriptionSee also React Starter.