Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 8 example of family Tree

Public visualization

ICE 8 example of family Tree

0 stars0🌍 Public
DDeekshithVemula
Last edited Apr 3, 2022
Created on Apr 3, 2022

This visualization displays a family tree using a hierarchical layout, with pink circles representing individuals and black lines showing parent-child connections. It begins by flattening the data into an SVG canvas, then uses `d3.stratify()` to transform the flat list into a hierarchy and `d3.tree()` to compute node positions. The animation is achieved through D3 transitions that draw the connecting paths over one second and fade in the circles. Text labels appear sequentially, with a delay based on each node’s depth, revealing the tree’s structure dynamically.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed