Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Family Tree (

Public visualization

Viewing a saved revision (read-only)

ca808fb955ba4727a1ea0d0ddb51e796

Family Tree (

0 stars0🌍 Public
Ssrivalliwuyyuru
Last edited Jul 9, 2022
Created on Jul 9, 2022

This example shows an animated family tree built with D3.js v6. It visualizes hierarchical relationships between family members using a tree layout, with nodes as circles colored by generation depth and connected by lime-green links. The data is defined as an array of child-parent pairs, processed with `d3.stratify()` and `d3.tree()`. The SVG rendering animates path connections and circle radii using `transition().duration()`, and labels each node with the child name.

AI-generated description