Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 8 - Family Tree

Public visualization

Viewing a saved revision (read-only)

8aa1cff4f8414c8ab1c0b16ba76430f2

ICE 8 - Family Tree

0 stars0🌍 Public
PPrasanth Damarla
Last edited Apr 4, 2022
Created on Apr 3, 2022

This D3.js v5 example renders a family tree as a tidy tree layout using SVG. The visualization shows three generations of a family, with nodes colored by depth: violet for the root, steelblue for the second level, and gold for the deepest leaves. The code builds the hierarchy with `d3.stratify()`, computes positions via `d3.tree()`, and draws curved cubic Bézier links between parent and child nodes, with each person's name labeled to the right of their node.

AI-generated description