Chart Revenue Period 1 - Area chart with a summary value

Pro

Area chart whose plot and summary value both change with the selected period.
Shadcn Chart Revenue Period 1 component

Component data

ID
chart/chart-revenue-period-1
Access
pro
Created
Sep 10, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Chart Revenue Period 1 component design & features

This chart example uses the shadcn ChartContainer with a Recharts area chart and period tabs. Switching the period replaces both the plot data and the summary value above the chart.

Use it when one card should answer a weekly, monthly, or yearly question.