Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Family Tree of 3 Generations Aishwarya M

Public visualization

Viewing a saved revision (read-only)

b84a824f48d846638d5beaa5cfd41850

Family Tree of 3 Generations Aishwarya M

0 stars0🌍 Public
AAishwarya Manjunath
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from HTML Starter

This interactive family tree visualizes three generations of relationships using a hierarchical layout. Circles represent individuals, color-coded by generation (green, lightblue, yellow, red), with orange animated links connecting parents to children as they draw over time. The SVG is rendered with React and D3 v6, using `d3.stratify()` to structure the data and `d3.tree()` to compute positions. Node and text elements are bound via data joins, with CSS styling and transitions animating both path connections and circle radii.

AI-generated description

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

See also React Starter.