Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 8 - STEP 2 (A) - Family Tree

Public visualization

Viewing a saved revision (read-only)

14ba7a1de3f44d798db1da45b5b89f3a

ICE 8 - STEP 2 (A) - Family Tree

0 stars1🌍 Public
Ssakethgoud333@gmail.com
Last edited Nov 10, 2025
Created on Nov 10, 2025
Forked from tree

This example shows a four-generation family tree, using a vertical tree layout to display relationships from great-grandparents down to the third generation. The visualization encodes each generation with a distinct color for its circular nodes, and labels each member by name. The code builds the hierarchy with `d3.stratify`, then lays it out with `d3.tree()` and draws the edges using `d3.linkVertical()`. Node relations are defined in a hardcoded data array, and the SVG output includes all text and circles.

AI-generated description