Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Directed Graph

Public visualization

Force Directed Graph

0 stars1🌍 Public
Yyixinxu2020
Last edited Nov 5, 2020
Created on Nov 5, 2020
Forked from Hello VizHub

A force-directed graph shows the network structure of nodes and links, with each node colored by group and links weighted by value. Clicking a node highlights all connected links in red and simultaneously highlights the corresponding row and column in an adjacent adjacency matrix, where cell opacity reflects link weight. The implementation uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter`, renders nodes as SVG circles with drag and zoom support, and loads data from a `.edges` file.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed