{"version":"1.0","type":"rich","title":"D3.js collapsible tree with boxes","description":"This example shows a collapsible tree diagram where each node is a box displaying metadata such as type, code, and version. The visualization uses a hierarchical JSON dataset, with nodes color-coded by type and links labeled with their direction (SYNC or ASYN).\n\nThe implementation uses d3.v3’s `d3.layout.tree` to compute the layout and SVG for rendering, with CSS transitions providing smooth expand and collapse animations. Custom tooltips appear on hover, and zooming is handled via `d3.behavior.zoom`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/432d05bd96784ecb8ea4d06dabb7e566?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}