{"version":"1.0","type":"rich","title":"D3.js collapsible tree with boxes","description":"This interactive tree visualization displays hierarchical data with collapsible nodes. The tree is drawn with rectangular boxes using SVG elements for nodes, links, and arrows. Built with D3.js v3, the visualization uses the `d3.layout.tree` algorithm to position nodes and supports zooming and dragging. The code includes a breadth-first traversal function to color-code nodes by type and dynamically calculate the canvas size, with all styling defined in a dedicated CSS file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ed294cd6a5084bc196c9849cfaac2bcc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}