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 stars1🌍 Public
Bbhargavarathod
Last edited Apr 4, 2022
Created on Mar 31, 2022
Forked from ICE-8: Family Tree

This example visualizes a family tree using a hierarchical layout, with nodes representing individuals and links showing parent-child relationships. Rectangular nodes with names animate into position, and connecting paths draw from parent to child. The visualization is rendered as SVG using D3 v6, employing `d3.stratify()` to structure the flat data and `d3.tree()` to compute positions. Transitions animate the paths and text, with staggered delays based on node depth.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed