{"version":"1.0","type":"rich","title":"Force directed graph","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4ecd71b1c6544f2fa4ff2f6b7340ae84?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}