Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE8-Family Tree

Public visualization

Viewing a saved revision (read-only)

1d205f7417e84e3fb2ac2f25491fd268

ICE8-Family Tree

0 stars1🌍 Public
KKolliTeja
Last edited Apr 4, 2022
Created on Apr 4, 2022
Forked from Fork of Famil Tree

This example renders a hierarchical family tree using D3 v6’s `d3.stratify` and `d3.tree` layouts. Orange circles represent family members, connected by animated maroon paths that grow from parent to child, while green labels fade in with a delay based on depth. The SVG is appended directly to the body, with all nodes and links transitioning over durations up to 1000 milliseconds. The static input data lists eleven parent-child pairs, rooted at “Dom”.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.