Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Family Tree

Public visualization

Fork of Family Tree

0 stars0🌍 Public
Ggayathri
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from Family Tree

This visualization presents a branching tree of blood group categories, from the top-level "BloodGroup" node down to specific types like A+ve and O−ve. It shows the hierarchical structure of blood types and their subsets. The code uses D3.js v6 with the `d3.stratify()` and `d3.tree()` APIs to compute the tree layout from an array of `{child, parent}` pairs. Nodes are rendered as SVG circles with animated transitions that grow in radius, while connecting paths animate from parent to child positions. Colors change by depth level, using a custom `setGeneration` function.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed