Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

family tree

Public visualization

family tree

0 stars1🌍 Public
Ddivyagunuguntla
Last edited Apr 5, 2022
Created on Apr 5, 2022
Forked from ICE-8 Family Tree

A family tree visualizes lineage relationships among named individuals, with circles representing family members and yellow lines connecting parents to children. The visualization uses a hierarchical tree layout, where node colors distinguish generations: green for the root, light green for children, yellow for grandchildren, and grey for further descendants. Built with D3 v6, the code employs the `.stratify()` API to structure parent-child relationships, `.tree().size()` for layout dimensions, and SVG transitions to animate the connection paths from parent nodes to their offspring over 1.5 seconds. Text labels display each member's name in blue.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed