Skip to main content
100%

A8 Adjacency Matrix in D3

✓ Published0🌍 Public
EEric Yao
Last edited Mar 26, 2024
Created on Mar 26, 2024

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 description

Meant to be viewed in full screen.

Reference: https://observablehq.com/@fabiodesousa/adjacency-matrix

MIT Licensed

Similar vizzes