Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Node-Link Diagram

Public visualization

D3 Node-Link Diagram

0 stars1🌍 Public
Pplai1
Last edited Oct 29, 2022
Created on Oct 27, 2022

A D3 node-link diagram visualizes social connections from a CSV file. Nodes represent individuals in tribes, colored by aggregated edge values, while links show positive and negative relationships. The layout uses `d3.forceSimulation` with `d3.forceLink` and `d3.forceManyBody` to position nodes, updating SVG circles and lines each tick. Hovering triggers a tooltip displaying node ID and value.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed