Skip to main content
100%

ICE-8 Family Tree

✓ Published0🌍 Public
HHarshinireddyy19
Last edited Jul 10, 2022
Created on Jul 10, 2022
Forked from Tree Example

This interactive family tree visualizes a multi-generational genealogy dataset. The graph displays hierarchical relationships between individuals, with each node representing a person and connecting lines showing parent-child links. Users can click on nodes to expand or collapse their subtree, dynamically revealing or hiding descendants. The visualization uses the D3.js layout tree algorithm to position nodes and SVG paths for connections, with CSS-driven animations smoothly transitioning nodes between states. The code leverages D3's select, transition, and append APIs to manage the animated updates triggered by user interactions.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes