Skip to main content
100%

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

✓ Published0🌍 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
MIT Licensed

Similar vizzes