Stats 16 - Centered stats with line chart

Pro

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

Vue
Shadcn Stats 16 block

Component Data

  • ID:stats16
  • Access:pro
  • Created:Aug 28, 2025
  • Type:block

Stats 16 block design & features

Stats16 is a centered stats section built with shadcn/ui. A small uppercase STATS pill sits above a heading and a short muted paragraph. A line chart with month ticks and hover tooltips occupies the middle, and three figures (SEO readiness, block count, and developer trust) sit in a row underneath.

The pill is muted and tiny. The chart is a single smooth line with filled dots and a light horizontal grid, no vertical rules. Hovering a point shows a compact tooltip. Figures below are large and tight-tracking with small muted captions. The stack is spacious, especially around the chart.

This is a product-marketing chart block rather than a bare number row. The line chart is the distinctive piece; the three figures underneath are a standard supporting row. Complexity is moderate and mixed: the chart is code-driven, while the heading and metrics are content swaps. You need series data for the line plus three real claims.