🌍 Public
Viewing a saved revision (read-only)
7acb3ad7f35d4a1c8123d973b1af5fbb
Matrix
This example combines a force-directed graph with an adjacency matrix to visualize network connections. Dragging nodes repositions the graph via `d3.forceSimulation`, while clicking either a node or a matrix cell highlights the corresponding row and column in red. The matrix uses SVG rectangles with opacity proportional to connection strength, and the view supports zooming through `d3.zoom`. The code loads data from TSV/CSV files and uses D3 v6 within a React starter, rendering both views synchronously.
AI-generated descriptionReact Starter code.