Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

node-link diagrams vs. adjacency matrix

Public visualization

node-link diagrams vs. adjacency matrix

0 stars0🌍 Public
Cchungmin-yu
Last edited Nov 7, 2020
Created on Nov 7, 2020
Forked from d3-force

This example demonstrates a force-directed node-link diagram of a social network, using data from Dublin infection contact traces. The visualization shows 410 nodes and their connections, with node colors representing group assignments based on link counts. Implemented with d3.forceSimulation, d3.forceLink, and d3.forceManyBody, it computes the layout. Users can drag nodes and zoom the SVG canvas using d3.zoom. Node and link positions update on each simulation tick, and the graph is rendered as SVG circles and lines.

AI-generated description

Relation Graph with Grab and Zoom features implemented.

TODO:

Legends, Class of Links

Based on force-directed-graph. The data comes from Les Misérables.

Comments

Sign in to join the discussion.

MIT Licensed