{"version":"1.0","type":"rich","title":"Familytree","description":"A family tree diagram visualizes hierarchical relationships among named nodes, with generations distinguished by color (yellow, pink, skyblue, orange). The example uses D3 v6’s `d3.stratify()` to build the hierarchy from flat parent-child data, then `d3.tree()` to compute node positions. SVG circles and text labels render each entry, while paths between nodes animate in with `transition()`, drawing lime-colored connections over one second.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cb7ebffa2e1d4f84966142c3b8048431?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}