Skip to main content
100%

D3 Shapes - Stacked Area

✓ Published1🌍 Public
SSubhendu Karmakar
Last edited Jan 1, 2024
Created on Jan 1, 2024

This stacked area chart displays fruit quantities (apricots, blueberries, cherries) across the days of a work week, with each series normalized to a proportional share using the `d3.stackOffsetExpand` offset. The visualization uses `d3.stack()` to generate the stacked series and `d3.area()` with a linear y-scale to draw the paths into an SVG via D3’s `join` pattern. Three distinct colors represent each fruit, and the code includes comments on alternative `d3.stackOrder` and offset configurations, though only the expand offset is active.

AI-generated description
MIT Licensed

Similar vizzes