Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network graph of social connection

Public visualization

Viewing a saved revision (read-only)

98dbd5cbe47440e2a39ff73d3aa0cb94

Network graph of social connection

0 stars1🌍 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.