Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment 8 node-link diagram (force-directed)

Public visualization

Viewing a saved revision (read-only)

3ef0cfe3f3554a6e9075f635d91ff543

Assignment 8 node-link diagram (force-directed)

0 stars0🌍 Public
Hhxu51@usfca.edu
Last edited Mar 26, 2025
Created on Mar 26, 2025

A force-directed node-link diagram visualizes 200 Bitcoin nodes and their connections, with links drawn as curves that highlight neighbors when hovering over a node. The graph uses d3.forceSimulation with forceLink and forceManyBody to position nodes, while d3.curveBundle generates the curved edge paths. Data is loaded from bitcoin_nodes.csv and bitcoin_edges.csv, rendered as SVG circles and text labels. The interaction filters shown links by applying a CSS highlight class based on source or target matching the hovered node.

AI-generated description