{"version":"1.0","type":"rich","title":"ICE - 8 :Part-2 Task-1 Family Tree","description":"This interactive family tree visualizes hierarchical relationships using a collapsible node layout, with each generation colored differently (red, yellow, green, orange) based on the `type` field in the JSON data. The D3.js v3 implementation uses `d3.layout.tree` to compute node positions and SVG elements for rendering, including custom rectangles with drop shadows, tooltips, and animated transitions on click. The view supports zoom and drag interactions through `d3.behavior.zoom`, while a breadth-first traversal dynamically adjusts the canvas dimensions based on tree depth and width.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d6abce94f57e4c73a45cfc3f5f81b67c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}