This animated family tree uses a D3.js layout to display hierarchical relationships, with each node represented as a colored circle and connected by lines. The visualization assigns colors based on generation depth, starting with red for the root and progressing through green, blue, and yellow. The tree is built using `d3.stratify()` to structure the parent-child data and `d3.tree()` to compute node positions. Animated paths draw the connections over one second, while circles expand to their full size over 800 milliseconds, with text labels displaying each person's name.