Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A8 Adjacency Matrix in D3

Public visualization

Viewing a saved revision (read-only)

c7bad87f149c498f8ee3f9a6a6fd5a00

A8 Adjacency Matrix in D3

0 stars1🌍 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