Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE - 8 Family Tree (Generations) Maanas Katta

Public visualization

ICE - 8 Family Tree (Generations) Maanas Katta

0 stars9🌍 Public
MMaanas Katta
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from HTML Starter

This example shows an animated family tree built from a hard-coded dataset of parent-child relationships, with nodes colored by generation using a custom `setGeneration` function. The SVG rendering uses D3 v6’s `d3.stratify()` to convert the flat data into a hierarchy, then `d3.tree()` to compute node positions. Links animate from parent to child coordinates via `.transition().duration(1000)`, while circles expand with a separate 800ms transition. Each node displays the child’s name as bold black text.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed