Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree Example

Public visualization

Viewing a saved revision (read-only)

6286b89f1d4a49afb19146bbf115d02f

Tree Example

0 stars5🌍 Public
YYifu Chen
Last edited Oct 2, 2020
Created on Oct 2, 2020
Forked from Making a bar chart

An interactive, animated tree diagram displays a static, hierarchical dataset of nodes with names and sizes, such as “node 10” and “root.” Users click nodes to expand or collapse their children, with smooth transitions repositioning nodes and links over 750 milliseconds. Built with D3.js, the example uses `d3.layout.tree`, `d3.svg.diagonal`, and SVG transitions to render the structure, styling circles and paths via CSS. Data is hardcoded in JavaScript, and rendering uses SVG with animation.

AI-generated description