{"version":"1.0","type":"rich","title":"Store constraining + click to zoom","description":"A d3.pack layout renders a hierarchical dataset of store regions as nested circles, with color encoding indicating whether each node is customer-capacity-constrained. Clicking a circle triggers a d3.zoom-like transition that scales and translates the view to center that node, with a second click restoring the original zoom level. The data is loaded from JSON, and the tree is flattened via `root.descendants()`. SVG circles and text labels are animated using `transition.attr` on the group element, with stroke width adjusted inversely to the zoom factor.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0f7ac90bbc4c4a8fabb74d7ef82ab906?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}