Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Family Tree

Public visualization

Viewing a saved revision (read-only)

a6885c12d1134477ad7440f9309027a2

Family Tree

0 stars0🌍 Public
PPrasanth Damarla
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from Famil Tree

This interactive family tree uses a static dataset of parent-child relationships to display three generations of a family. The visualization uses D3.js v6 and React, rendering circles as nodes connected by animated lines in an SVG. The tree layout is computed using D3's stratify and tree algorithms, with the nodes and links animating into place via transitions that vary in duration based on node depth. The data is hardcoded in the source file, and each node displays the family member's name.

AI-generated description

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

See also React Starter.