🌍 Public
Viewing a saved revision (read-only)
9436bc13638b4b76bd5f3f84c4be0a09
Matrix
This example combines a force-directed node-link diagram with an adjacency matrix visualization of the same dataset. Clicking a node in the force diagram highlights its corresponding row and column in the matrix, while clicking a matrix cell identifies a specific connection. The code uses `d3.forceSimulation`, `forceLink`, and `forceManyBody` for the graph layout, and renders both views as SVG with `d3.drag` for interaction and `d3.zoom` for panning and scaling.
AI-generated descriptionReact Starter code.