🌍 Public
Viewing a saved revision (read-only)
a6885c12d1134477ad7440f9309027a2
Family Tree
This interactive family tree uses a static dataset of parent-child relationships to display three generations of a family. The visualization uses D3.js v6 and React, rendering circles as nodes connected by animated lines in an SVG. The tree layout is computed using D3's stratify and tree algorithms, with the nodes and links animating into place via transitions that vary in duration based on node depth. The data is hardcoded in the source file, and each node displays the family member's name.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.