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
Nnomiaro
Last edited Nov 25, 2020
Created on Nov 25, 2020

This example contrasts node-link diagrams with adjacency matrices for network data. The visualization loads a real-world edge list from a GitHub-hosted CSV file, parsing connections to build a binary adjacency matrix. Each matrix cell is rendered as a rectangle, with opacity indicating the presence of a link. The visualization highlights paths and edges, and clicking a cell updates a text label to confirm or deny a connection between nodes. The code leverages d3.csv for data loading, d3.select and d3.append for SVG construction, and d3.forceSimulation for the node-link layout.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed