Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3-force

Public visualization

d3-force

0 stars0🌍 Public
Ttoeric
Last edited Nov 6, 2020
Created on Nov 4, 2020

A force-directed graph visualizes character interactions from Les Misérables, with 410 nodes colored by group and 410 weighted links. Users can drag individual nodes and zoom the SVG canvas. The implementation uses `d3.forceSimulation`, `forceLink`, `forceManyBody`, `forceCenter`, `d3.zoom`, and `d3.drag`, with node colors derived from `schemeCategory10` and data loaded from a TSV file.

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