Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE - 8 Family Tree (Generations) Maanas Katta

Public visualization

Fork of ICE - 8 Family Tree (Generations) Maanas Katta

0 stars0🌍 Public
Eeravellisaimeghana
Last edited Apr 4, 2022
Created on Apr 4, 2022

This example displays a family tree spanning four generations, with each generation assigned a distinct color (red, skyblue, orange, lightgreen) and nodes represented as lime-outlined circles. The code uses d3.stratify() to convert flat parent-child data into a hierarchy, then d3.tree() to compute node positions. SVG paths connect nodes with animated transitions, and circle radii grow via transition().duration(). The visualization renders on a black background, with bold black text labels for each family member’s name. The dataset is hardcoded in the script, listing relationships from Arun as the root down to grandchildren like Meena.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed