Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A8 Adjacency Matrix D3

Public visualization

Viewing a saved revision (read-only)

c0f37980b3dd4d20bcf84600af597321

A8 Adjacency Matrix D3

0 stars0🌍 Public
Nnathanjmuljadi@gmail.com
Last edited Mar 23, 2025
Created on Mar 23, 2025

This example renders a 20-node adjacency matrix as an SVG heatmap, using D3 v7 to visualize connections from the Facebook Pages-food network dataset. Rows and columns represent sorted nodes, with steelblue cells indicating an edge between the corresponding source and target nodes. The code uses `d3.csv`, `d3.csvParseRows`, and `d3.cross` to populate a binary matrix from node and edge CSV files, then draws each cell as a `rect` with a mouseover tooltip that displays row and column labels along with the edge value.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.