Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Directed Graph

Public visualization

Force Directed Graph

0 stars0🌍 Public
LLigoon
Last edited Nov 7, 2020
Created on Nov 7, 2020

This example combines a force-directed node-link diagram with an adjacency matrix to compare two visualizations of the same graph data. The SVG diagram uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes, while drag interactions and zoom controls are enabled via `d3.drag` and `d3.zoom`. The adjacency matrix displays link weights through cell opacity, and clicking a node or matrix cell highlights corresponding links and rows in both views. The code loads data via `d3.csv`, `d3.tsv`, and `d3.text`, rendering with D3 v6.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed