{"version":"1.0","type":"rich","title":"Store constraining: Live","description":"This gallery example shows a store-constraining tool where a circle-packing layout visualizes store brand hierarchies, with circles colored by capacity-constrained status. Using d3.pack and d3.hierarchy, the code renders an SVG that also feeds a Bootstrap DataTable listing store names and constrain/unconstrain buttons. Clicking a button generates ION configuration records via the d3.json-loaded data, inverting the customer capacity flag for all related physical store instances while logging the merged output to the console.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b3f7bf3e218543d0a8098281c95d05f8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}