Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Matrix

Public visualization

Viewing a saved revision (read-only)

6dbe06252377480aac6fb02375cd5744

Matrix

0 stars4🌍 Public
Aannie520143
Last edited Nov 9, 2020
Created on Nov 8, 2020
Forked from React Starter

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 description

React Starter code.