{"version":"1.0","type":"rich","title":"My Family Tree","description":"This interactive family tree visualizes three generations of a family, with each node displaying a person's name and colored circles (fill and stroke) to distinguish branches and levels. Using D3 version 3’s `d3.layout.tree` and `d3.svg.diagonal`, the SVG diagram renders hierarchical connections as curved links, with smooth transitions (`duration`) animating node positions on click. The hierarchical data is hardcoded as a JavaScript array, and clicking a node toggles its children, dynamically updating the tree layout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/452947876584418c8b45c42a355ff10a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}