🌍 Public
Viewing a saved revision (read-only)
cac9ac02e2204ffabe50c2ac93c9fde1
Fork of ICE 8 - Family Tree
This visualization displays a family tree using hierarchical data, with each person represented as a colored circle and labeled with their name. The tree is built from an array of parent-child relationships using the `d3.stratify()` and `d3.tree()` APIs, which compute node positions and link paths. Nodes are color-coded by depth—red for the root, blue for depth 1, and green for depth 2—while curved `path` elements with cubic Bézier curves connect each parent to their children. The data originates from a static JavaScript array, and the entire scene is rendered as SVG.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.