Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

STOCK EXPIRATION

Public visualization

Viewing a saved revision (read-only)

e7e414c0b25d46bc92b8a6dd8f46c28c

STOCK EXPIRATION

0 stars1🌍 Public
GGuillamon
Last edited Nov 25, 2019
Created on Nov 18, 2019
Forked from Untitled

This visualization displays the expiration of stock items as an interactive treemap, showing hierarchical relationships across product levels with rectangle sizes scaled by a chosen measure such as budget. Users can zoom into different levels, with each level assigned its own color scale to encode a secondary metric like remaining days. Built with d3.v4, the example uses `d3.hierarchy`, `d3.treemap`, and `d3.nest` to structure the data, while SVG elements and animations support the zoom transitions. Hovering reveals tooltips with detailed information about each item.

AI-generated description