Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Force Directed Graph

Public visualization

Fork of Force Directed Graph

0 stars0🌍 Public
EELBOUNIAmine
Last edited May 8, 2021
Created on May 8, 2021

A fork of a force-directed graph links a node-link diagram with an adjacency matrix. The code uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position nodes and links from the `infect-dublin.edges` dataset, rendered as SVG circles and lines. Clicking a node or matrix cell highlights its corresponding links and row/column with a distinct color, while `d3.zoom` and a custom `drag` function enable panning, scaling, and node repositioning. Colors map node groups via a predefined palette, and each matrix cell’s fill opacity reflects edge weight.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed