{"version":"1.0","type":"rich","title":"Tree Visualization","description":"This example displays a static, hierarchical tree layout with the root node \"WEATHER\" branching into three seasonal categories, each with three child nodes. It uses the D3.js v5 library with a `d3.tree()` layout and custom aggregation via `d3.hierarchy()` to structure the data. The visualization renders as SVG, applying distinct fill colors and geometric shapes (circles, rectangles, and ellipses) to each tree depth, with curved links drawn as SVG paths using cubic Bézier commands. Node labels are positioned dynamically based on whether they have children.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9eb9a53cd7fd416d8ce2db2f64b6cea2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}