Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

node-link diagrams vs. adjacency matrix

Public visualization

node-link diagrams vs. adjacency matrix

0 stars2🌍 Public
Cchungmin-yu
Last edited Nov 7, 2020
Created on Nov 7, 2020

A side-by-side comparison shows the same 410-node contact network as both a force-directed node-link diagram and an adjacency matrix. Users can click a node in the node-link view to highlight its corresponding row and column in the matrix, revealing the network’s connectivity structure. The node-link view uses `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody` for layout, rendered as SVG circles and lines. The matrix is built from CSV data representing pairwise links, with cells colored by group membership based on degree.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed