Viewing a saved revision (read-only)
a9bb855e98304f2d805710f0cf5b0b6b
Force directed graph
This interactive force-directed graph visualizes a network of connections from an `event.json` data file, where nodes represent entities and edges show relationships between them. The visualization uses D3.js v4’s `d3.forceSimulation` API to calculate node positions based on link strength, charge repulsion, and a center force, while rendering nodes as draggable circles and connections as lines. Users can adjust the scale of the groups using an HTML range slider, which updates the visualization dynamically through the `updateGroups()` function. The graph also includes node labels and tooltips, with SVG-based rendering for crisp display.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.