{"version":"1.0","type":"rich","title":"aTree","description":"A tree visualization uses a force-directed layout to display hierarchical data, with nodes sized by their aggregated child sizes and colored by group. The tree is animated, and users can click nodes to expand or collapse their children, while drag-and-drop and zoom behaviors allow manual repositioning and scaling. The code relies on D3 v2 APIs including `d3.layout.force`, `d3.layout.tree`, `d3.behavior.drag`, and `d3.behavior.zoom`, with data loaded from an inline JSON object.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-4e6fe80e25e20ea0a907aae5231df88e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"yes\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}