Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

DataVis

Public visualization

Viewing a saved revision (read-only)

b991bf5d1559497c9426b6c47f711544

DataVis

0 stars0🌍 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.