🌍 Public
Viewing a saved revision (read-only)
5842b49b3b9549c1819d193f081b3b76
ICE-8 Family Tree
A family tree visualization displays multiple generations of relatives, with nodes colored by generation depth and animated links forming parent-child connections. The example uses D3 v6 with the `d3.stratify()` and `d3.tree()` layout APIs to structure hierarchical data, rendering SVG circles and text labels. Node and link transitions animate over 1.5 seconds, while distinct fill colors—from light blue to dark teal—differentiate each generation level. The data is defined inline as an array of parent-child relationships.
AI-generated descriptionA demonstration of how to start using D3 version 6.