Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Hierarchy examples: Updatable Tree

Public visualization

Viewing a saved revision (read-only)

77f72f2b0e6a423783b28d77d9450846

Hierarchy examples: Updatable Tree

0 stars0🌍 Public
Rrainyrainyguo
Last edited Nov 22, 2020
Created on Nov 22, 2020

An updatable tree diagram displays hierarchical data with labeled nodes and curved links, rendered as an SVG. The code uses the d3.js library’s `d3.tree` layout and `d3.hierarchy` to compute node positions, then draws node circles and text via `d3.select` and SVG group elements. Link paths are generated with a custom `crossDiagonal` function that creates curved, cubic Bézier curves, and the tree updates by appending new nodes and links to the scene.

AI-generated description