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 stars0🌍 Public
Aaddword527
Last edited Nov 9, 2020
Created on Nov 7, 2020

The example contrasts node-link diagrams with adjacency matrices for a Dublin contact network of 410 nodes and links derived from a TSV dataset. A force-directed layout using `d3.forceSimulation` and `d3.forceLink` positions nodes, while the adjacency matrix renders as an SVG grid where cells are highlighted on node click via `d3.select` and stroke styling. Matrix rows and columns correspond to nodes, with row and column highlighting showing connections. The code employs D3 v6 selections, drag behavior, and the `schemeCategory10` color scale for group encoding.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed