Area Stacked

Stacked, normalized, streamgraph, and range band area chart components.

Area Stacked

A stacked area chart displaying combined desktop and mobile website traffic built with TanStack Charts.

npx shadcn@latest add @paceui/tanstack-charts-area-stacked

Loading preview...

Area Stack Expanded

An expanded stacked area chart illustrating traffic distribution ratios normalized to 100% built with TanStack Charts.

npx shadcn@latest add @paceui/tanstack-charts-area-stack-expanded

Loading preview...

Stacked Time Area

Stacked area chart displaying aggregated time series volume.

npx shadcn@latest add @paceui/tanstack-charts-stacked-time-area

Loading preview...

Normalized Stacked Area

100% normalized stacked area chart visualizing sector percentage share.

npx shadcn@latest add @paceui/tanstack-charts-normalized-stacked-area

Loading preview...

Streamgraph Chart

Organic center-aligned streamgraph displaying continuous sector volume flows.

npx shadcn@latest add @paceui/tanstack-charts-streamgraph

Loading preview...

Difference Chart

Dual-color difference area chart tracking asset premium vs discount to moving average.

npx shadcn@latest add @paceui/tanstack-charts-difference-chart

Loading preview...

Bollinger Band

Bollinger volatility bands around rolling moving average line.

npx shadcn@latest add @paceui/tanstack-charts-bollinger-band

Loading preview...

Temperature Range Band

Band area chart depicting high-low temperature range envelope.

npx shadcn@latest add @paceui/tanstack-charts-temperature-range-band

Loading preview...

Quantile Ribbon

10th-90th percentile band area chart tracking median and outer bounds.

npx shadcn@latest add @paceui/tanstack-charts-quantile-ribbon

Loading preview...

Candlestick Chart

Financial Open-High-Low-Close price action candlestick chart.

npx shadcn@latest add @paceui/tanstack-charts-candlestick

Loading preview...