Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Matrix

Public visualization

Matrix

0 stars0🌍 Public
Aannie520143
Last edited Nov 24, 2020
Created on Nov 24, 2020

A force-directed node-link diagram and adjacency matrix display the same network data, linked by interactive selection. Clicking a node highlights its corresponding row and column in the matrix. The code uses `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` from d3-force for the layout, and `d3.select`, `d3.zoom`, and `d3.drag` for interaction. Nodes are sized by group, and the matrix uses precomputed edge hashes to determine cell connections.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed