{"version":"1.0","type":"rich","title":"Organization Graph Diagram","description":"This example shows an organization graph diagram, where colored circles represent main entities, children, and leaf nodes, with connecting lines illustrating relationships between them. The graph uses a force-directed layout to position nodes based on simulated physical forces. Built with React and D3 v6, the implementation applies `forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to compute node positions. SVG circles, lines, and text are rendered and updated on each simulation tick, with drag interaction enabled via the `drag` API. The color palette is defined in a separate module using Paletton-generated schemes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4ae20c8788bc4b9d906dda1c7b308890?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}