Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree Graph Alankruth

Public visualization

Viewing a saved revision (read-only)

0c33570a30e94c5aaf8387dbde936bc9

Tree Graph Alankruth

0 stars0🌍 Public
AAlankruthSai
Last edited Apr 4, 2022
Created on Apr 4, 2022

A tree graph displays hierarchical family connections, with each person as a yellow circle and black lines representing parent-child links. The data, a small hardcoded list of names, is processed through the `d3.stratify()` and `d3.tree()` APIs to compute layout positions. SVG elements render the structure, with circles and text nodes drawn within a group. Animation is applied through the `transition()` API, which animates the path lines from the source to the target and staggers text appearance based on depth, creating a dynamic reveal of the tree.

AI-generated description