Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8 — Family Tree (Basic Hierarchy)

Public visualization

ICE-8 — Family Tree (Basic Hierarchy)

0 stars0🌍 Public
Jjanisha30gowda@gmail.com
Last edited Nov 6, 2025
Created on Nov 6, 2025
Forked from HTML Starter

This example shows a basic family tree hierarchy with four generations, from a great-grandparent root down to individual family members as leaf nodes. It uses d3.hierarchy to structure the nested data and d3.tree() to compute the layout, with d3.linkHorizontal generating the curved connecting paths. The SVG rendering positions nodes as circles with text labels, and each node includes a title tooltip indicating its depth type (root, internal, or leaf).

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed