shadcn/ui chart blocks & components.

Bar chart card of monthly revenue with a value label above each bar and a fiscal year select that swaps the whole dataset.

Gradient area chart of monthly active users, topped by a three KPI row (total, peak month, peak users) and a year over year growth badge.

Stacked area chart of visitors and signups with a legend, hover tooltip, and a 7d, 30d, or 90d range select that swaps the dataset.

Line chart card plotting unique visitors month by month, with a grid, labeled axes, and a hover tooltip on each point.

Donut chart splitting traffic by source, with a centered visitor total and a ranked, color coded legend list underneath.

Net revenue area chart with a count-up total, a Week, Month, or Year toggle that blur swaps the series, a hover crosshair, and peak and low markers.

Row of four KPI tiles (recurring revenue, active users, conversion, retention), each with a count-up figure, trend badge, and sparkline that re-animates on range change.

Grid of four metric cards pairing a count-up figure and trend badge with a gradient area sparkline, an exact hover tooltip, and a lift on hover.

Donut chart of revenue by acquisition channel with a count-up center total; hovering a legend row highlights its arc and dims the rest.

Single proportional horizontal meter of recurring revenue by account that fills segment by segment, above a ranked account list with brand logos.

Grouped bar chart comparing this quarter against last by region, with a count-up total, delta badge, legend, and hover that dims the other regions.

Stacked bar chart splitting monthly revenue into new, expansion, and reactivation, with a legend, per segment tooltip, count-up total, and growth badge.

Conversion funnel chart with count-up stage tiles above a four layer stacked area of visits, product views, add to cart, and checkout.

Dual line chart of orders against expenses with a toggle that blur swaps the emphasized series, beside a side rail of count-up KPI tiles.

Radar chart comparing a sales team against a benchmark across six pipeline stages, with a quarter select that re-animates the polygon and legend.

Concentric radial rings tracking revenue, activation, and retention goals around a count-up average, with tiles that emphasize a ring on hover.

Composed chart layering faint monthly sales bars under an orders line, with a count-up total, fiscal year select, hover crosshair, and channel breakdown.

Real-time area chart of requests per second that appends a point on every tick, with a pulsing live dot and peak, average, and error rate stats.