Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Familytree_krishna

Public visualization

Viewing a saved revision (read-only)

c060f48c1b36449dadfe046ab432628b

Familytree_krishna

0 stars0🌍 Public
Kkrishnareddy23
Last edited Apr 13, 2023
Created on Apr 13, 2023

This interactive family tree visualization displays a multi-generational genealogy starting from Radha, with three children and their respective offspring. The tree uses an animated, collapsible node layout where users can click nodes to expand or collapse branches. Built with React and D3.js, the visualization employs the `d3.layout.tree()` API for hierarchical arrangement and SVG rendering with smooth transitions. Each node is color-coded by generational level (red, blue, lightgreen), and text labels identify family members. The page uses custom CSS to style the nodes and links, with a light purple background.

AI-generated description

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

See also React Starter.