Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

FT

Public visualization

Viewing a saved revision (read-only)

1e2622e5997e4817a017d7404c6db2bb

FT

0 stars0🌍 Public
SSaahithi49
Last edited Jul 9, 2022
Created on Jul 9, 2022

This visualization displays a family tree as an animated node-link diagram, with each individual represented by a color-coded circle and their name label. The tree flows downward from a single root ancestor, branching into multiple generations. Using D3 v6, the code relies on the `d3.stratify()` utility to build a tree structure from the parent-child links in the data, then `d3.tree().size([950, 300])` to compute the layout. Nodes are drawn as circles colored by generation depth, and links are animated using the `transition()` API to reveal connections over time.

AI-generated description

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