Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Store constraining

Public visualization

Store constraining

0 stars1🌍 Public
CCalvin Gomez
Last edited May 19, 2020
Created on May 18, 2020
Forked from Circle Packing

A circle-packing visualization displays the hierarchical structure of store regions, with each circle representing a node in the tree. Blue circles indicate stores without customer capacity constraints, while gray circles mark those that are constrained, as determined by the `isCustomerCapacityConstrained` property in the loaded JSON data. The visualization uses D3 v5's `pack` layout to compute circle positions and radii, with `d3.hierarchy` and `d3.json` loading and structuring the hierarchical data. Circles are rendered as SVG elements with colors applied via a custom function based on the data property.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed