🌍 Public
Viewing a saved revision (read-only)
9a67052e5fb246169ae853a6580b4995
Fork of Fork of Famil Tree
This example renders a family tree as an animated SVG dendrogram using React and D3 v6. The code builds hierarchical data from a flat child-parent array via `d3.stratify()`, then computes node positions with `d3.tree()`. Circles represent individuals, linked by maroon path edges that animate from parent to child on load. Node labels fade in sequentially based on depth, while the tree layout fills a fixed 950x300 viewport. The visualization uses SVG transitions to animate both the connecting lines and the circular node elements.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.