Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Directed Graph

Public visualization

Viewing a saved revision (read-only)

636910167e714d1ab774551e390701ce

Force Directed Graph

0 stars0🌍 Public
JJasonYeong0821
Last edited Nov 25, 2020
Created on Nov 25, 2020

This example pairs a force-directed graph with an interactive adjacency matrix. The graph uses d3.forceSimulation with forceLink, forceManyBody, and forceCenter to layout nodes, and supports dragging. Clicking a matrix cell highlights the corresponding graph link, while the matrix also shows the dataset’s structure from the infect-dublin.edges file. The code uses d3.csv, d3.select, and reorder.js utilities for matrix permutation.

AI-generated description