Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE8 - Network Graph

Public visualization

ICE8 - Network Graph

0 stars2🌍 Public
KKande2011
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from D3 Starter

This interactive network graph visualizes connections between eight people using D3 version 6. Nodes are rendered as pink circles with name labels, linked by blue lines with arrow markers. The layout uses `d3.forceSimulation` with link, many-body charge, collision, and centering forces to position nodes dynamically. Users can drag nodes, and hovering changes the stroke color. Data comes from a JSON file containing node names and link relationships. The SVG output updates on each simulation tick, repositioning edges and nodes based on the force-directed physics.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed