Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3-force

Public visualization

Viewing a saved revision (read-only)

fb0a0ce1944448fcb05de4ea7ecb203f

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.