{"version":"1.0","type":"rich","title":"D3.js collapsibleRRR tree with boxes","description":"This interactive D3.js visualization displays a hierarchical tree structure with collapsible nodes, rendered as colored boxes using SVG. The tree data, loaded from a JSON file, represents nodes with attributes such as name, type, code, and version, along with directional links between parent and child nodes. The layout is computed using the `d3.layout.tree` algorithm, and nodes are colored based on their `type` field (e.g., blue, green, yellow, purple). The visualization supports zooming and panning through D3's zoom behavior and mouse wheel events, while tooltips appear on hover to show additional node details.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/92ace267194f40d99c7ef7cd0a9cc1ca?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}