🌍 Public
Viewing a saved revision (read-only)
8cb0bdf4d97a41858afb6aeaa4293bb1
Force-directed layout
This interactive force-directed layout visualizes the network of characters from the novel *Les Misérables*, loaded as JSON data. Using D3.js v4's `d3.forceSimulation` API, it renders nodes as SVG circles and edges as lines, with forces for charge (repulsion/attraction), collision, centering, and links. A control panel exposes sliders and checkboxes to adjust simulation parameters like alpha, charge strength, and link distance in real time, allowing users to explore how these forces shape the graph’s arrangement.
AI-generated descriptionSteve Haroz's force directed layout example from https://gist.github.com/steveharoz/8c3e2524079a8c440df60c1ab72b5d03