Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE - 8 Family Tree

Public visualization

Fork of ICE - 8 Family Tree

0 stars0🌍 Public
RRaja Srinivas Nelluri
Last edited Apr 4, 2022
Created on Apr 4, 2022

This example presents a family tree as an animated SVG diagram, using a custom dataset of parent-child relationships. It shows ten named individuals connected through hierarchical links, with pink circular nodes and lime-green animated edges. The visualization is built with D3 v6, using the `d3.stratify()` utility to convert the flat data array into a tree structure and `d3.tree()` to compute node positions. Links are drawn as SVG paths that animate from the parent’s position to the child’s location over 1000 milliseconds, matching the `transition()` API for a dynamic reveal effect.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed