🌍 Public
Viewing a saved revision (read-only)
03fc2fa0b7bb4bc795edd39a35a55057
Fork of ICE - 8 Family Tree
A family tree displays ten people connected from a single ancestor across multiple generations, with each person represented as a colored circle and labeled with their name. The nodes and connecting paths animate into place, and circle colors vary by tree depth using `d3.scaleOrdinal`. Built with D3 v6, the code uses `d3.stratify()` to convert flat parent-child data into a hierarchy, then `d3.tree()` to compute node positions. The SVG is rendered with transitions on path elements and circles, applying a hardcoded dataset of family relationships.
AI-generated description