Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Family Tree

Public visualization

Viewing a saved revision (read-only)

c0707e35c7734fc2850d5799c5c15edd

Fork of Family Tree

0 stars0🌍 Public
Yyaswanthsen
Last edited Mar 26, 2023
Created on Mar 26, 2023
Forked from Family Tree

This fork of a family tree visualization uses D3 v6 to display hierarchical relationships among a set of characters. The D3 `stratify()` API constructs the tree structure from parent-child links, while `d3.tree()` calculates the layout. Nodes are rendered as colored SVG circles, with colors indicating generation depth, and are animated via D3's `transition()` API. The connections between nodes are drawn as lime-green paths. The embedded text labels are placed directly on each circle using SVG text elements.

AI-generated description