Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Family Tree by using html

Public visualization

Viewing a saved revision (read-only)

f374aaf05ee546029683778aaae5f567

Family Tree by using html

0 stars1🌍 Public
DDanthalakirankumar
Last edited Apr 4, 2022
Created on Apr 3, 2022
Forked from Family Tree

This example displays a family tree of human blood groups, breaking down the major types (A, B, AB, O) into their positive and negative variants. The hierarchy is rendered as an animated SVG tree using `d3.stratify` and `d3.tree()`, with circles representing each node and colored by generation depth. Transitions animate the links and nodes as they appear. Text labels are added via SVG `text` elements. The data is hardcoded in the script, and the layout is computed with a fixed size of 950 by 250 pixels.

AI-generated description