Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

node-link diagrams v.s. adjacency matrix123

Public visualization

Viewing a saved revision (read-only)

77d0c27529974938bb1ba24896aa36a5

node-link diagrams v.s. adjacency matrix123

0 stars1🌍 Public
Wwinniepooh520
Last edited Nov 8, 2020
Created on Nov 8, 2020

This example compares node-link diagrams with adjacency matrices for visualizing network data. It displays a force-directed graph using `d3.forceSimulation`, `forceLink`, and `forceManyBody` alongside a corresponding matrix where cell opacity reflects link weights. Clicking a node in the graph or a grid cell in the matrix highlights the matching link in both views using `d3.select` and stroke styling. The data comes from a CSV of Dublin infection network edges, parsed and rendered as SVG rectangles and drag-enabled nodes.

AI-generated description

A scatter plot of The Iris Dataset.