Skip to main content
100%

Fork of ICE-8

✓ Published0🌍 Public
Aajaysonu
Last edited Apr 13, 2023
Created on Apr 13, 2023

This force-directed network chart visualizes a small graph of seven people grouped into four clusters, with links weighted by connection strength. The visualization uses D3 v4’s `d3.layout.force` to position nodes and render SVG lines for links and circles with labels for each person. Nodes are draggable via the force layout’s drag behavior, and tick updates synchronize link coordinates and node transforms. Data comes from a local JSON file containing node names, group assignments, and link weights, which also drive stroke thickness via `Math.sqrt(d.weight)`. The page uses a red background and white link strokes for contrast.

AI-generated description

See also React Starter.

MIT Licensed

Similar vizzes