Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 node-link diagram (stanford dataset)

Public visualization

Viewing a saved revision (read-only)

e79d6d9861204cdbb70156c66c094903

d3 node-link diagram (stanford dataset)

1 star1🌍 Public
AAndrew
Last edited Mar 26, 2024
Created on Mar 26, 2024

This interactive node-link diagram visualizes the Twitter interaction network of the 117th United States Congress, using data from the Stanford SNAP repository that records retweets, replies, and mentions among members. The visualization displays nodes as circles representing congress members and edges as cyan lines representing interactions. Built with D3 v7, the layout uses physics-based simulation via `d3.forceSimulation`, including `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position nodes. Hovering over a node triggers a tooltip showing the node ID and its neighbors, while `d3.drag()` allows users to reposition nodes interactively with SVG rendering and CSS transitions.

AI-generated description

An edge bundling chart in D3

BTW: The data was simplified to help with creating this visualization.

Link to original dataset: https://networkrepository.com/soc.php