Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Family Tree

Public visualization

Viewing a saved revision (read-only)

d4cf76e5f39f4937bd4a08211d6880a2

Fork of Family Tree

0 stars0🌍 Public
SShivaPriyad
Last edited Jul 9, 2022
Created on Jul 9, 2022
Forked from Family Tree

Deegutla's Family Tree is a static, animated SVG visualization of a three-generation family hierarchy, rooted at SuvarnaVimala and branching into five children and four grandchildren. Each node is a colored circle representing its generation, with green, seagreen, and lightgreen distinguishing depths, and is labeled with the family member's name. The code uses `d3.stratify()` to convert the flat parent-child data array into a hierarchy, `d3.tree()` to compute layout positions, and SVG `path`, `circle`, and `text` elements. Entry transitions animate the linking paths and circle radii over 800-1000 milliseconds using D3's `.transition()`.

AI-generated description