{"version":"1.0","type":"rich","title":"A2Q7","description":"This example displays a family tree as an animated SVG diagram. The data consists of family member names organized into parent-child relationships. Using `d3.stratify` and `d3.tree`, the layout positions nodes by generation, with each generation assigned a distinct fill color. Links animate from parent to child positions via `transition().duration(1500)`, while nodes fade in as circles before labels appear. The code uses D3 v6 to bind data to SVG elements, creating a clear, color-coded hierarchy of three generations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3c2b4e65fc374571a2b3443d26e2c82a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}