Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Directed Graph

Public visualization

Force Directed Graph

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

The visualization shows a force-directed graph alongside an adjacent linked adjacency matrix, allowing users to explore connections between nodes in a network and compare the node-link diagram with a matrix representation. Clicking a node in the graph highlights its corresponding row and column in the matrix, while clicking a matrix cell highlights the related link and updates a text label describing the relationship status. Built with d3.v6, it uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to compute node positions, plus SVG circles and lines for rendering. Data is loaded via CSV, and interaction includes dragging and zooming.

AI-generated description

Iris scatter plot with each class of iris being colored accordingly. Student ID:0616222

Comments

Sign in to join the discussion.

MIT Licensed