Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Directed Graph

Public visualization

Force Directed Graph

0 stars0🌍 Public
CChenLeah
Last edited Nov 23, 2020
Created on Nov 5, 2020

This example presents a force-directed graph of a network, where nodes are positioned by a physics simulation and linked by weighted edges. The visualization couples the graph with an adjacency matrix, allowing users to click a node to highlight its corresponding row and column, or click a matrix cell to highlight the related links. The implementation uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` forces, while the matrix is rendered as SVG rects. Node dragging and zooming are also supported.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed