{"version":"1.0","type":"rich","title":"Mockup2","description":"This example builds a simple force-directed node-link diagram from a JSON dataset. The code uses D3's `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to simulate the layout, positioning nodes in a circular arrangement with drag interaction via `d3.drag`. An SVG `line` per link includes an arrowhead marker, and each node is a circle with a text label. Hovering a node changes its stroke color to green via the `focusNode` and `blurNode` handlers. All nodes share the same group value in the source data, and the visual output is rendered using the SVG `viewBox` scaling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/29c40199ac024c28a9f70b4bf6ed3a88?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}