Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Force Directed Graph

Public visualization

Viewing a saved revision (read-only)

0d720ebdaab243a3840e9d1032d5308c

Fork of Force Directed Graph

0 stars0🌍 Public
Ssalwa191
Last edited May 8, 2021
Created on May 8, 2021

This example presents a node-link force-directed graph alongside its adjacency matrix representation, allowing users to explore connections between nodes. The graph uses d3.forceSimulation with forceLink, forceManyBody, and forceCenter to position nodes, while the matrix encodes edge weights as cell opacity. Clicking a node highlights its corresponding rows and columns in the matrix, and clicking matrix cells highlights the matching graph link. The implementation relies on d3.v6 with SVG rendering, and includes zoom and drag interactions. The data appears to come from a Dublin infection network, with nodes colored by group classification.

AI-generated description