Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Famil Tree

Public visualization

Famil Tree

0 stars0🌍 Public
KKiran3295
Last edited Apr 4, 2022
Created on Apr 3, 2022
Forked from Fork of Famil Tree

This example visualizes a family tree as an animated node-link diagram. A fixed root node ("Veera") branches into multiple generations, with individual names displayed inside circles. The implementation uses D3 v6’s `d3.stratify()` and `d3.tree()` to compute hierarchical layouts, then renders SVG paths and circles. Transitions animate the paths, circles, and text over time, with each text label’s delay increasing by depth. Styling applies lightblue fills, brown strokes, and centered placement.

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