Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 8 - Family Tree

Public visualization

Viewing a saved revision (read-only)

3215561d51d14acd8c37a0548b4c95da

ICE 8 - Family Tree

0 stars0🌍 Public
SSuresh John Wesly
Last edited Apr 13, 2023
Created on Apr 13, 2023
Forked from HTML Starter

This interactive family tree visualizes three generations of a family, starting from the root patriarch Subba Rao and branching to his children and grandchildren. The diagram uses a collapsible tree layout (via `d3.layout.tree` and SVG), where nodes are colored by generational level—orange, violet, and green—through the supplied `treeData` structure. Lines connect parents to children using `d3.svg.diagonal`, and users can click any node to expand or collapse its descendants, triggering a smooth transition animation. The page loads the D3.js v3 library from a CDN and runs entirely in the browser.

AI-generated description

HTML code for generating family tree.