Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

11540639-ICE 8 Family Tree

Public visualization

Viewing a saved revision (read-only)

eb5c3f85f48e443285bacbf41dba844c

11540639-ICE 8 Family Tree

0 stars0🌍 Public
SSravanthi Silla
Last edited Apr 3, 2022
Created on Mar 30, 2022
Forked from HTML Starter

A D3.js family tree visualization renders hierarchical data with animated transitions, showing twelve individuals connected by parent-child links in an SVG layout. The tree uses `d3.stratify` to convert the flat data structure into a hierarchy, then `d3.tree` to compute positions. Circles represent family members, colored by generation depth via a switch-case function, with labels appearing progressively. Connections animate through `transition` methods, drawing crimson paths between nodes over 1300 milliseconds.

AI-generated description