{"version":"1.0","type":"rich","title":"Force Directoed Graph Template","description":"A force-directed graph template renders three labeled nodes—Alice, Bob, and Carol—connected by two directed links, using D3.js v7’s `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` APIs. The SVG output shows circles positioned dynamically by the simulation’s tick events, with black lines tracing the edges between them. The code selects elements via `d3.select` and binds data to circles and lines, updating their coordinates on each tick. The minimal example demonstrates core force-layout mechanics without labels or interaction.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/869ceb1dea2b49fc95367aa39dfaa4a7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}