Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

My Family tree

Public visualization

Viewing a saved revision (read-only)

0c545de12c1748f6ad7ad5d63462d104

My Family tree

0 stars0🌍 Public
JJyothicherukuri
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from Tree

This visualization displays a family tree as an animated hierarchical diagram, with each person represented by a red circle and labeled with their name. The code uses D3.js (v6) alongside React to render the data, employing `d3.stratify` and `d3.tree` to compute the layout from a flat list of parent-child relationships. SVG paths show connections between nodes, while transitions animate the lines, circles, and text over time to reveal the tree structure.

AI-generated description

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

See also React Starter.