Stats 18 - Centered stats with radar chart

Pro

A centered heading and pill label above a radar chart, followed by three key figures with short descriptions.

Shadcn Stats 18 block

Component data

ID
stats18
Access
pro
Created
Aug 28, 2025
Type
block
Libraries
Radix UI, Base UI, React Aria
Figma

Stats 18 block design & features

Stats18 is a centered stats section built with shadcn/ui. A muted STATS pill, heading, and short paragraph sit above a radar chart, with three figures in a row underneath. The radar plots monthly desktop values on a polar grid with dots at each vertex and a hover tooltip.

The chart is a filled polygon at partial opacity on a light polar grid, with month labels around the edge. The header type matches the other chart stats blocks: tight-tracking heading, small pill, muted body. Figures below are large with short captions. The stack is open, with the radar taking most of the vertical space.

A radar chart is less common than a line or a number grid, so this feels a bit more analytical and less like a generic proof strip. Complexity is moderate: the chart is code-driven and needs a labeled series, while the three figures are ordinary content swaps.