Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree Example

Public visualization

Tree Example

0 stars1🌍 Public
VVReddy913
Last edited Jul 9, 2022
Created on Jul 9, 2022
Forked from Hello HTML

This example shows an interactive family tree using D3.js version 3. The visualization renders hierarchical data as a collapsible tree diagram, where clicking a node toggles its children. The code uses `d3.layout.tree` for layout, `d3.svg.diagonal` for curved links, and animated transitions via `transition()` with 750ms duration. Nodes are drawn as red-stroked circles with text labels, while links are green paths. The SVG output displays three generations of names, starting with Satyaveda as the root.

AI-generated description

A bare minimum HTML page.

Comments

Sign in to join the discussion.

MIT Licensed