{"version":"1.0","type":"rich","title":"Collapsible Tree Hierarchy - Real Data - Structured ","description":"This example presents a collapsible tree hierarchy using real data, rendered as an SVG. The visualization displays nodes that can be clicked to expand or collapse their children, revealing the structured relationships in the data. Built with React and D3 v6, it uses `d3.hierarchy` to process the data and `d3.tree` for layout, with custom JavaScript handling node clicks and updating the tree structure dynamically through `updateTree`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a9b03537dff449a39945743e9571beea?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}