Skip to main content
100%

Tree

✓ Published0🌍 Public
AAkrutiKhurana2103
Last edited Apr 2, 2022
Created on Apr 2, 2022

This example displays a family tree as an animated SVG diagram using D3 v6. The visualization shows a hierarchical structure of names, with parent-child connections drawn as blue lines that animate from each parent node to its child. Circles representing individuals are grey with red borders, and text labels appear with staggered timing based on depth. The code uses D3's `stratify` method to convert the flat parent-child data into a hierarchy, then applies `tree` layout and `transition` animations to animate the paths, circles, and text.

AI-generated description
MIT Licensed

Similar vizzes