Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE - 8 Family Tree

Public visualization

ICE - 8 Family Tree

0 stars0🌍 Public
Ppavan0828
Last edited Jul 10, 2022
Created on Jul 10, 2022

The ICE – 8 Family Tree is a static hierarchical visualization of familial relationships, rendered as an SVG tree with red nodes connected by lime-green paths. It displays a branching structure from a root ancestor down through multiple generations, with each person’s name labeled in blue text inside their node. The code uses d3.stratify() to convert flat parent-child data into a tree hierarchy and d3.tree() to compute layout positions. Paths between nodes animate via d3 transitions, while circles representing individuals transition to their final radius, creating a lively reveal of the family structure.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed