🌍 Public
Viewing a saved revision (read-only)
a43715549f3e411ab7dc673d6ffaba8b
A2Q7
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.
AI-generated description