{"version":"1.0","type":"rich","title":"Hierarchy examples: Updatable Tree","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/37924d618d2d49b3aca18234b535bc93?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}