{"version":"1.0","type":"rich","title":"D3.js Tree Example","description":"This example shows a static hierarchical tree layout rendered as SVG, with a root node branching into three categories (Animals, Vehicles, Countries) and their leaf children. It demonstrates the core D3.js v5 tree API, using `d3.hierarchy()` to structure the data, `d3.tree()` to compute node positions, and `d3.linkHorizontal()` to draw curved paths between parent and child nodes. The code explicitly sets SVG dimensions with margins, appends circles for nodes and text labels that align based on whether a node has children, and loads D3 via a CDN script tag.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2bea42ae69924e7f89e46f0e9fb01304?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}