Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Family Tree

Public visualization

Family Tree

0 stars0🌍 Public
GGARIDIDEEKSHITHREDDY
Last edited Apr 5, 2022
Created on Apr 5, 2022
Forked from ICE-8 Family Tree

This family tree visualization displays a hierarchical dataset of family members across several generations, with nodes colored by generation and connected by animated green links. Built with D3.js v6, the code uses the `d3.stratify()` utility to structure the parent-child data and `d3.tree()` to compute the layout. Nodes are rendered as SVG circles with a 1.5-second path-drawing transition, while text labels identify each person. Generation colors are assigned via a custom `setGenerations()` switch function, ranging from orange for the root to teal for deeper levels.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed