Skip to main content
100%

Force directed graph

✓ Published0🌍 Public
Kkalokli8
Last edited Apr 8, 2020
Created on Apr 5, 2020
Forked from Untitled

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 description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes