Skip to main content
100%

Network graph of social connection

✓ Published1🌍 Public
SSamanvitha1
Last edited Jul 10, 2022
Created on Jul 10, 2022

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 description

See also React Starter.

MIT Licensed

Similar vizzes