Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE 8 example for Tree graphic

Public visualization

Fork of ICE 8 example for Tree graphic

0 stars0🌍 Public
RRahulChaitu999
Last edited Jul 7, 2022
Created on Jul 7, 2022

This example shows a hierarchical family tree as an animated SVG graphic, with nodes represented by salmon-colored circles and connecting paths drawn as blue lines. The visualization uses D3 v6’s `d3.stratify` to convert a flat array of parent-child data into a hierarchy, then applies `d3.tree` to compute node positions. Initially, all nodes appear as circles at their parent’s location, and paths animate outward from each parent to its children over one second. Text labels fade in sequentially based on tree depth, using chained transitions with a delay proportional to each node’s depth.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed