Family Tree
✓ Published0🌍 Public
A family tree displays ten nodes connected by animated paths, with each circular node labeled by a family member's name. The visualization uses D3 v6's `d3.stratify()` to build a hierarchy from flat parent-child data, followed by `d3.tree()` to compute node positions. SVG circles and text elements are rendered on a black background, with lime-green strokes and light-green fills. Paths between nodes animate from zero length to full connections over one second, while circles expand over 800 milliseconds, creating a sequential reveal of the hierarchical relationships.
AI-generated descriptionMIT Licensed