Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Tree Example

Public visualization

Viewing a saved revision (read-only)

5bfaa6cf60a8466a866c9a02ce71c1f3

Fork of Tree Example

0 stars0🌍 Public
TTejucmandava
Last edited Apr 10, 2023
Created on Apr 10, 2023
Forked from Tree Example

This example shows an interactive tree diagram with expandable and collapsible nodes. The visualization displays hierarchical data, including named nodes like "Swarna Kumari" and "Lakshmi," with clickable circles that toggle child visibility. Built with React and D3.js v3, it uses `d3.layout.tree` to compute positions and `d3.svg.diagonal` for curved links. SVG elements render nodes and text, while transitions animate node and link movement over 750 milliseconds when collapsing or expanding branches.

AI-generated description

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

See also React Starter.