Skip to main content
100%

DataVis

✓ Published0🌍 Public
EELBOUNIAmine
Last edited May 8, 2021
Created on May 8, 2021
Forked from IRIS

This example combines an adjacency matrix with a force-directed network graph to visualize pairwise relationships from a TSV dataset of numeric node pairs. The matrix displays presence or absence of edges as black or grey cells, while the force simulation using `d3.forceSimulation`, `forceLink`, `forceManyBody`, and `forceCenter` positions circles representing nodes. Node colors are assigned based on degree thresholds, and users can drag nodes to rearrange the graph. Both views update simultaneously via d3 v5's zoom and drag behaviors.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes