{"version":"1.0","type":"rich","title":"Family Tree","description":"A family tree visualization renders hierarchical relationships from a JSON data structure. The D3.js v3 layout algorithm positions nodes in a tree layout, with each family member displayed as a colored rectangle containing their name. Clicking a node collapses or expands its children, triggering smooth animated transitions. The visualization uses SVG elements, D3's `d3.layout.tree()`, and `d3.behavior.zoom()` for panning and zooming, with jQuery handling interactions and tooltips that appear on hover.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/468a1172619a404ba37e45afa89aabaf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}