A8 Adjacency Matrix in D3
✓ Published0🌍 Public
EEric Yao
Last edited Mar 26, 2024
Created on Mar 26, 2024
Forked from A8 Force Directed Node-Link Diagram in D3
This example shows a square adjacency matrix for the soc-hitech network, with pink cells marking directed connections (source to target) and white cells indicating no edge. Hovering over a pink cell turns it orange and reveals the node pair via a tooltip. The visualization is built with D3 v7, using vanilla JavaScript to parse the CSV file and construct the matrix, then rendering it as SVG rectangles. Row and column labels display the numeric node IDs, while a fixed cell size and margins make the full-screen layout readable.
AI-generated descriptionMeant to be viewed in full screen.
Reference: https://observablehq.com/@fabiodesousa/adjacency-matrix
MIT Licensed