Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Family Tree

Public visualization

Viewing a saved revision (read-only)

1678d02adf664e338e07c8e64656bcc3

Family Tree

0 stars0🌍 Public
Ssiddu7147
Last edited Mar 30, 2023
Created on Mar 30, 2023
Forked from Hello VizHub

This animated family tree visualizes the hierarchical relationships between animal species, using colored nodes to distinguish generations. The data is organized with `d3.stratify()` and laid out with `d3.tree()`, producing SVG paths that animate into position over 1.5 seconds. Node squares use a custom element with a `transition()` to grow to their final radius, while text labels display species names. All elements are rendered in SVG using D3 v6, with generation-specific fill colors and green animated connecting links.

AI-generated description