{"version":"1.0","type":"rich","title":"ICE8 - Family Tree","description":"A family tree visualization uses hierarchical node-link layout to display three generations of relatives, with each person rendered as a colored rectangle and connections shown as curved links with directional arrows. The D3 v3 tree layout arranges nodes vertically by depth, while a breadth-first traversal dynamically sizes the SVG canvas based on tree width and depth. Implemented in React with vanilla D3 selections, the visualization supports zoom and drag interactions via `d3.behavior.zoom`, and includes tooltips and collision detection for overlapping nodes. Data comes from a nested JSON file, with node colors assigned by generation type.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d88215c53d0d41cbbca9517e3a50c430?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}