Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree

Public visualization

Viewing a saved revision (read-only)

05840de72f824286b5272d12f8d380c6

Tree

0 stars0🌍 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