{"version":"1.0","type":"rich","title":"D3.js collapsibleRRR tree with refined boxes/links","description":"This example shows a collapsible tree visualization built with D3.js v3, displaying hierarchical data as colored rectangular nodes connected by labeled links. The code uses `d3.layout.tree` to position nodes, and implements interactive collapsing/expanding on click with smooth transitions. Rendering is done via SVG, with node colors mapped from data types, tooltips, and zoom/drag behavior provided through `d3.behavior.zoom`. The data is loaded from a JSON file containing nested node objects with name, type, and link direction attributes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b57eb6b338b241f1b4e658986db6efe1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}