Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree Example

Public visualization

Viewing a saved revision (read-only)

3fb233bf8af24da491ea17a9c34fd12d

Tree Example

0 stars3🌍 Public
RRavi Teja Bonam
Last edited Apr 5, 2022
Created on Apr 5, 2022
Forked from HTML Starter

This example shows an interactive family tree built with D3.js, displaying a hierarchical dataset of names and parent-child relationships. The visualization uses the `d3.layout.tree` layout to position nodes and `d3.svg.diagonal` for the curved links between them. Each node is rendered as an SVG circle with a text label, and clicking on a node toggles its children, collapsing or expanding that branch. The nodes and links animate smoothly via transitions, with colors indicating different levels in the hierarchy.

AI-generated description

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

See also React Starter.