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
Ssandeep-gollamudi
Last edited Apr 5, 2022
Created on Apr 5, 2022
Forked from Family Tree

The ICE-8 family tree is an animated hierarchical node-link diagram built with D3.js v6, using SVG elements and transitions. It displays a mock royal family lineage where nodes are colored by generation level, ranging from red for the root to lightblue, lightgreen, and white for subsequent depths. The layout is computed using `d3.stratify()` and `d3.tree()`, with links drawn as animated paths that grow from parent to child positions. Node labels appear directly inside each circle, and the visualization uses custom styling with blue strokes and a light yellow background.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed