Skip to main content
100%

ICE 8 example of family Tree

✓ Published0🌍 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
MIT Licensed

Similar vizzes