Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE - 8 Family Tree

Public visualization

Viewing a saved revision (read-only)

03fc2fa0b7bb4bc795edd39a35a55057

Fork of ICE - 8 Family Tree

0 stars0🌍 Public
Nnavyasrimeka9@gmail.com
Last edited Apr 13, 2023
Created on Apr 13, 2023

A family tree displays ten people connected from a single ancestor across multiple generations, with each person represented as a colored circle and labeled with their name. The nodes and connecting paths animate into place, and circle colors vary by tree depth using `d3.scaleOrdinal`. Built with D3 v6, the code uses `d3.stratify()` to convert flat parent-child data into a hierarchy, then `d3.tree()` to compute node positions. The SVG is rendered with transitions on path elements and circles, applying a hardcoded dataset of family relationships.

AI-generated description