Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network chart

Public visualization

Viewing a saved revision (read-only)

794a046f12974511b45675063e7a8460

Network chart

0 stars0🌍 Public
Eeravellisaimeghana
Last edited Apr 4, 2022
Created on Apr 4, 2022
Forked from Network chart

This network chart visualizes a small social graph of seven individuals across four groups, with links between them weighted to indicate relationship strength. The visualization uses a force-directed layout to position nodes, with each node rendered as a circle accompanied by a text label. The code employs the `d3.layout.force` API from D3 v4 to simulate the physical forces that arrange the nodes, and users can click and drag nodes to reposition them. Links are drawn as lines with stroke widths proportional to the weight data from the `graphFile.json` source, and the SVG canvas is styled with a tan background and green node circles.

AI-generated description

See also React Starter.