Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Directed Graph

Public visualization

Force Directed Graph

0 stars0🌍 Public
Cchungmin-yu
Last edited Nov 6, 2020
Created on Nov 6, 2020

This example pairs a force-directed network graph with an interactive adjacency matrix to explore node relationships. Users can drag, zoom, and click nodes in the graph or click cells in the matrix to highlight corresponding links in both views. The graph is rendered in SVG using D3’s `forceSimulation`, `forceLink`, `forceManyBody`, and `forceCenter` APIs, with nodes colored by group and links weighted by connection value. The adjacency matrix encodes edge weights via cell opacity, built from the same edge data as the network.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed