Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Directed Graph

Public visualization

Force Directed Graph

0 stars3🌍 Public
WWei-Che Chang
Last edited Nov 6, 2020
Created on Nov 4, 2020

This visualization pairs a force-directed graph with an interactive adjacency matrix to show node connections and hub activity. The left panel renders 410 nodes and 1,342 edges as a SVG graph, while the right panel displays the matrix, colored by connection weight. Users can click a node or matrix cell to highlight corresponding links and rows in both views. The graph uses `d3.forceSimulation` with `forceLink` and `forceManyBody` for layout, and the matrix applies `fill-opacity` based on data values. Panning and zooming are handled through D3’s zoom behavior.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed