{"version":"1.0","type":"rich","title":"Collapsible Tree Hierarchy Reformatted - Real Data","description":"This interactive collapsible tree visualization displays hierarchical data as an SVG with animated transitions between expanded and collapsed states. Users click nodes to re-root the tree and reveal child nodes, while a dynamic info panel shows the selected node’s ID and name. Built with d3.v6 and React, it uses the `transition()` API for smooth resizing and layout updates, with node positions computed via `root.descendants()` and `root.links()`. The rendering relies on SVG elements, including circles and text, styled with CSS. The dataset originates from a real source, as indicated in the example’s metadata.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/711a74e64f91491baa6da0949b99d39a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}