{"version":"1.0","type":"rich","title":"Forced Graph","description":"This example shows a small network of project and feature nodes connected by links, rendered as styled HTML cards within an SVG using D3’s force simulation. The graph uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes, while each node is a custom `foreignObject` containing a `div` with a left icon area, a title, and a share action. The `tick` event updates link coordinates and translates each node’s container based on simulated positions, and clicking a node triggers an alert with its id. The data comes from an imported `data.js` module defining two nodes and one link.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f0de7cc6cc444ce9965f82c409bd336c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}