{"version":"1.0","type":"rich","title":"Diagram","description":"This example shows a small directed graph with three labeled nodes and two links, laid out using a force-directed simulation. The nodes are rendered as circles with text labels, and the links are drawn as straight lines. The code uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to compute positions, and updates the SVG elements on each tick event. The data comes from a local JavaScript module with node and link arrays, and the visualization is rendered as SVG using React and D3 v6.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c249a7669d3c4183910206c8f78aace9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}