Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Force Directed Graph

Public visualization

Fork of Force Directed Graph

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

This example pairs a force-directed node-link diagram with an adjacency matrix to visualize the same graph, letting users compare both representations. The node-link view uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to generate a network layout, where nodes are colored by group and are draggable via d3 drag. Clicking a node highlights its corresponding row and column links in the matrix, and vice versa; selecting a matrix cell highlights the matching network edge. The graph data comes from the infect-dublin edge list, and the visualization is built with reusable D3 v6 modules rendered in SVG.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed