Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Store constraining: Live

Public visualization

Store constraining: Live

0 stars0🌍 Public
CCalvin Gomez
Last edited May 20, 2020
Created on May 19, 2020

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.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed