Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Family Tree

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed