Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MY Tree ICE-8

Public visualization

MY Tree ICE-8

0 stars1🌍 Public
Ggayathrikavya
Last edited Apr 12, 2023
Created on Apr 12, 2023
Forked from HTML Starter

This interactive tree diagram displays a family genealogy with animated expansion and collapse of branches. Built with React and D3.js v3, it uses `d3.layout.tree` to compute node positions and `d3.svg.diagonal` for curved links, rendered as SVG. Clicking a node toggles its children, with transitions animating nodes and links via `transition().duration()`. The data is a hardcoded JavaScript array of family members, styled with cyan circles, green links, and a light pink background.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed