{"version":"1.0","type":"rich","title":"Fork of D3.js collapsible tree with boxes","description":"A collapsible tree diagram displays hierarchical data as rounded rectangular nodes connected by curved links, with each node labeled by name and colored according to its type. Clicking a node collapses or expands its subtree with smooth 750-millisecond transitions. The visualization uses D3.js v7’s `d3.hierarchy` and `d3.tree` layouts to position nodes, then renders SVG elements with custom node dimensions and styling. Data is loaded from a JSON object containing node names, types, and link directions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/206ee6d50e304342bf88387ba640721e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}