{"version":"1.0","type":"rich","title":"Dynamic Width & Height","description":"This example shows a hierarchical tree visualization of world regions and countries, with text labels sized inversely to their depth in the hierarchy. The layout uses `d3.tree` and `d3.hierarchy` to position nodes and links, rendered as SVG paths via `d3.linkHorizontal`. Pan and zoom interactions are enabled through `d3.zoom`, applied to a containing group. The data comes from a nested JSON file, and the visualization fills the browser viewport by reading `document.body.clientWidth` and `clientHeight`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/97c0c9c425744565b68efd4b929b3c91?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}