Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Directed Graph

Public visualization

Viewing a saved revision (read-only)

54b162ebb13343f280e1c40601e362ef

Force Directed Graph

0 stars0🌍 Public
Wwinniepooh520
Last edited Nov 8, 2020
Created on Nov 8, 2020

This example pairs a force-directed graph with an adjacency matrix to explore node-link relationships. The graph uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes, while drag and zoom interactions are enabled. Clicking a node or matrix cell highlights its row and column in the matrix and emphasizes connected links. Data is loaded from a CSV edges file, and rendering uses SVG circles, lines, and rectangles.

AI-generated description