{"version":"1.0","type":"rich","title":"D3.js collapsible tree with boxes","description":"This example presents an interactive collapsible tree diagram where each node is rendered as a colored box, with the root in yellow, inner nodes in blue and green, and leaf nodes in purple. Clicking a node expands or collapses its children, with smooth animated transitions. The visualization uses D3.js v3’s `d3.layout.tree` for hierarchical layout and `d3.behavior.zoom` for panning and zooming, while SVG elements and CSS styles define the boxes, links, and tooltips. Data is loaded from a JSON file containing node names, types, versions, and link directions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/054a831f569741c18a4b536755da27de?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}