Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 8 - Family Tree

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed