{"version":"1.0","type":"rich","title":"Family Tree","description":"This visualization presents a family tree as an interactive, animated SVG diagram built with React and D3.v3, using the `d3.layout.tree` API to compute the hierarchical layout. Color-coded nodes (distinguished by `type` values) represent different family members, and red links with directional arrows show parent-child relationships. Users can click nodes and zoom the entire tree via a zoom behavior. Data is loaded asynchronously from the `family-data.json` source, and the tree dynamically resizes its SVG canvas based on the maximum depth and breadth of the loaded data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/322ffc97a6484a83b4025287f3de4567?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}