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)

8d4801c8eff34050bb90656dacbcda08

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