Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

HW6_0660035

Public visualization

HW6_0660035

0 stars0๐ŸŒ Public
Ppeter6179
Last edited Jan 28, 2021
Created on Jan 28, 2021
Forked from Matrix

This example combines a force-directed node-link diagram with an adjacency matrix to explore network connectivity. Clicking a node in either view highlights its corresponding row and column in the matrix, while the node diagram supports dragging and zooming via `d3.zoom`. The SVG renders with `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody` for layout, and the matrix uses `rect` elements with opacity encoding edge presence. Node size encodes group membership, and the data is loaded from an external source using `d3.tsv` or `d3.csv`.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed