Skip to main content
100%

Family Tree

✓ Published0🌍 Public
SSohilaBheemReddy
Last edited Apr 4, 2022
Created on Apr 4, 2022

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 description
MIT Licensed

Similar vizzes