{"version":"1.0","type":"rich","title":"Organization Graph Diagram","description":"This example visualizes a fictional organization’s hierarchy as an interactive graph diagram, using a force-directed layout to position nodes and links. It shows staff roles and reporting relationships, with the graph rendered on an HTML page. The code uses React to manage the component state and rendering, alongside the D3.js library’s force simulation (`d3.forceSimulation`) to compute the node positions and link paths. The visualization does not load external data, instead relying on the inline JavaScript to define its structure.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d6721a314c4349879a61e14eeeeb3d21?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}