{"version":"1.0","type":"rich","title":"D3.js collapsible tree with boxes","description":"This example shows a collapsible tree layout where each node is rendered as a labeled box, with hierarchical relationships indicated by curved links and directional arrows. The visualization uses D3.js v3’s `d3.layout.tree` to compute node positions and supports interactive collapsing/expanding of branches, along with zoom and drag navigation. Node colors correspond to a `type` field in the accompanying JSON data, and tooltips appear on hover to reveal additional metadata. The SVG output animates layout transitions using D3’s built-in transition system.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/71eb064033634afc8ebf0ba0f53cee84?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}