Skip to main content
100%

node-link diagrams vs. adjacency matrix

✓ Published1🌍 Public
LLockingChiao
Last edited Nov 8, 2020
Created on Nov 7, 2020
Forked from Hello VizHub

This example juxtaposes a node-link diagram with an adjacency matrix to compare two common approaches for visualizing the same network dataset of infection spread in Dublin. The left panel uses `d3.forceSimulation` with `forceLink` and `forceManyBody` to position 410 nodes and their edges, while the right panel renders a 410×410 matrix where each cell indicates a connection. Clicking a node or matrix cell highlights the corresponding row and column, and the code applies `d3.zoom` and drag handlers for interaction. The data comes from a CSV file of edges, and both views use SVG rendering with `d3.schemeCategory10` for node coloring.

AI-generated description
MIT Licensed

Similar vizzes