🌍 Public
Viewing a saved revision (read-only)
7dea9dfd18bf43fcbf546ed6932dbc3c
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