{"version":"1.0","type":"rich","title":"Tree","description":"This example visualizes a hierarchical tree structure using a force-directed layout, rendering nodes and links as the graph settles into equilibrium. The React component employs the D3.js library’s `forceSimulation` and `forceLink` APIs to compute node positions and edge forces, while SVG circles and lines display the resulting network. The visualization demonstrates how D3’s data-binding updates the DOM dynamically during simulation ticks, offering an interactive view of parent-child relationships within the dataset.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/84b11d4ed42d4e9bb7e4ff0d4c2e68aa?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}