{"version":"1.0","type":"rich","title":"Tree Map for countries and states","description":"This example presents a tree diagram mapping countries to their respective states, using a hierarchical dataset structured with parent-child relationships. The visualization uses D3 v5’s `d3.stratify` to convert the flat data into a hierarchy, then applies `d3.tree()` to compute the layout. Nodes are rendered as circles colored by depth (purple, dark red, and magenta), connected by red cubic Bézier curves, with labels placed next to each node. The implementation is based on code adapted from a Crypters Infotech tutorial.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f365a0b996c44556bb9e4a974650fc5e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}