{"version":"1.0","type":"rich","title":"Force-Directed Graph","description":"This example shows a force-directed graph of a small network with three nodes representing locations in Missouri and Illinois, connected by undirected links. The visualization uses D3’s `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to compute a layout, rendering nodes as steelblue circles and links as black lines in SVG. Data comes from a local `data.json` file fetched via `fetch()`, and the simulation updates node and link positions through a `\"tick\"` event. The page is built as a single HTML document with embedded CSS and JavaScript, run within the React starter environment on VizHub.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/206c0e1ac5084b0db977cd2516a33377?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}