Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 node-link diagram (soc dataset)

Public visualization

Viewing a saved revision (read-only)

217f159ca69a43eebad45a8f750139fc

d3 node-link diagram (soc dataset)

0 stars1🌍 Public
AAndrew
Last edited Mar 26, 2024
Created on Mar 25, 2024
Forked from HTML Starter

This example visualizes the Zachary Karate Club network, a social graph of 34 members, using a force-directed node-link diagram. Nodes represent individuals and links represent friendships, with interactive features allowing users to hover over nodes to view IDs and neighbors, or drag nodes to reposition them. The visualization is built with D3 v7, using `d3.forceSimulation` for physics-based layout, `d3.forceLink` and `d3.forceManyBody` for forces, and `d3.drag` for node interaction. Data comes from a CSV file loaded via `d3.csv`, with edges and nodes rendered as SVG lines and circles.

AI-generated description

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

See also React Starter.