Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Familytree Task2

Public visualization

Familytree Task2

0 stars1🌍 Public
Ddineshtadepalli12
Last edited Apr 5, 2022
Created on Apr 5, 2022
Forked from Family Tree

This example shows a family tree as an animated SVG diagram. Colored nodes represent individuals across four generations, linked by lime-green lines that grow from parent to child. The tree is built from an array of parent-child pairs using `d3.stratify` and laid out with `d3.tree`. Each node is a circle with a bold text label, and its fill color is determined by its generation depth. The links and circles appear via D3 transitions, with the data embedded directly in the HTML.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed