{"version":"1.0","type":"rich","title":"D3.js collapsible tree with boxes","description":"This example visualizes a hierarchical tree structure using D3.js, where each node is rendered as a colored rectangle containing text and interactive tooltips. The visualization displays a collapsible tree that users can expand and collapse by clicking on nodes, with SVG graphics and smooth animations for transitions. The code uses D3.js v3’s `d3.layout.tree` and `d3.behavior.zoom` to manage layout and pan/zoom interactions, along with jQuery for event handling. Node colors correspond to different `type` values in the JSON data, and links between nodes are styled with arrows, with tooltips appearing on hover.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2fd5ab6d69b149b783410d6379bf07f8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}