Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Famil Tree

Public visualization

Viewing a saved revision (read-only)

9a67052e5fb246169ae853a6580b4995

Fork of Fork of Famil Tree

0 stars1🌍 Public
SSaiSree0122
Last edited Jul 9, 2022
Created on Jul 9, 2022
Forked from 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 description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.