🌍 Public
Viewing a saved revision (read-only)
a48969e37b5f46f6bbc1bb70e9b9f594
STOCK EXPIRATION (MODIFYING TOOLTIP)
This interactive treemap visualizes stock expiration data from a CSV, using rectangle size to represent quantities and color to encode alert levels. The hierarchical layout, built with `d3.hierarchy` and `d3.treemap`, lets users click through levels from brand to item to lot. A custom tooltip, styled with CSS and shown on hover, displays detailed metrics like remaining days and lot percentages. The chart uses SVG rendering and smooth transitions via D3’s animation capabilities, with color scales defined per hierarchy level.
AI-generated descriptionV2 Example taken from here https://bl.ocks.org/amo6002/921e5933211ee996cd49420b21afca2c