Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MY Tree ICE-8

Public visualization

Viewing a saved revision (read-only)

b41a2d3bc81e4d91908ad714a192f2e3

MY Tree ICE-8

0 stars38🌍 Public
Ssaishashank
Last edited Apr 5, 2023
Created on Apr 5, 2023

This interactive tree chart visualizes a family hierarchy using D3.js. An animated SVG layout, with blue links and red-bordered nodes, shows the relationships from a single ancestor down through multiple generations. The code uses the `d3.layout.tree` API to position nodes and `d3.svg.diagonal` for the connecting paths. Clicking a node triggers a smooth transition, collapsing or expanding its children, while all elements are styled through inline CSS.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript. .