{"version":"1.0","type":"rich","title":"Fork of Fork of D3.js collapsible tree with boxes","description":"This example presents a collapsible tree diagram with rectangular nodes, rendered as an SVG with animated transitions. It adapts a classic D3.js tree layout so that each node is a colored box carrying a label and subname, with dashed links connecting parent and child nodes. The code uses `d3.tree`, `d3.hierarchy`, and click handlers to collapse or expand subtrees, while `d3.behavior.zoom` enables pan and zoom interactions. The sample data is a nested JSON structure with four node types, each assigned a distinct color.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b1b2a1b999ca40ebbb3d79994e11bdcb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}