Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of Family Tree

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed