{"version":"1.0","type":"rich","title":"ICE - 8: Tree Map","description":"This interactive tree map displays a family tree with three generations of the Rao family, where each node represents a person and links show parent-child relationships. The visualization uses D3.js layout and SVG rendering with animation, and supports click-to-expand/collapse functionality. Built with React, the tree layout is computed using `d3.layout.tree()`, while `d3.svg.diagonal()` draws the curved links. The animation transitions nodes into place with `transition().duration(750)`, adjusting positions smoothly as users toggle branches open and closed.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/15f397502db84df2aa1fd7bd88f22e2c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}