{"version":"1.0","type":"rich","title":"Collapsible Tree Restructured","description":"This example shows an interactive collapsible tree diagram built with D3.js v6 in a React framework. Clicking a node toggles its children and displays a floating info panel with the node's ID, name, and value. The visualization uses SVG rendering with animated transitions via `d3.transition` and a hierarchical layout from `d3.tree`. Node and link enter/update/exit patterns handle dynamic restructuring, with `d3.select` managing the DOM and event listeners for user interaction.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ab20bd7ed671463398e856331c99ea94?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}