{"version":"1.0","type":"rich","title":"Force Directed Graph Starter","description":"This example demonstrates a simple force-directed graph with three nodes and two links, rendered as SVG circles and lines inside a fixed 960×500 viewport. It shows Alice, Bob, and Carol connected in a chain, with nodes repelling each other and links acting as springs. The visualization uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to compute positions, updating the circle and line attributes on every simulation tick. The code selects elements via `d3.select` and binds the hardcoded nodes and links arrays using data joins.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/23b217d2ae90462c8cb6074cb86421cc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}