Skip to main content
100%

Fork of Fork of Famil Tree

✓ Published1🌍 Public
VVineela Reddy
Last edited Apr 13, 2023
Created on Apr 13, 2023
Forked from Fork of Famil Tree

This family tree visualization uses a static dataset of parent-child relationships to display a two-generation hierarchy. It shows the connections between a root ancestor and fifteen descendants, with each individual represented as a maroon-bordered, aqua circle. The example uses D3 v6 to create the tree layout via the `d3.stratify()` and `d3.tree()` APIs, computing node positions for the SVG render. Circles and connecting paths are animated into place using D3's `.transition().duration()` and `.attr()` methods, while text labels (in purple) identify each family member. The rendering uses SVG elements—`circle`, `path`, and `text`—and applies a simple animation on initial load.

AI-generated description
MIT Licensed

Similar vizzes