Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE8 Family Tree

Public visualization

ICE8 Family Tree

0 stars0🌍 Public
JJerlineJJ
Last edited Apr 4, 2022
Created on Apr 4, 2022
Forked from HTML Starter

A family tree visualization maps ten individuals across four generations, using colored circular nodes to distinguish each depth level and labeled text for names. The hierarchical data is structured with `d3.stratify` and laid out with `d3.tree`, producing curved bezier paths via SVG path elements. Node colors switch through a depth-based palette, while the light green background and manual `translate` offset frame the 900-by-900 pixel SVG canvas rendered with D3 v5.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed