Health Gauge

Semi-circle gauge with a tone-colored arc that fills to the score, the number centered below, and a status line.

System health
82
Healthy

New here? Read the installation guide.

Import & use
import { Dashboard14 } from "@/components/beste/piece/dashboard14";

<Dashboard14
  label="System health"
  score={82}
  status="Healthy"
  tone="emerald"
/>

More Dashboard pieces

View all Dashboard
68%
Storage used34 GB of 50 GB

Progress Circle

Radial progress gauge with a tone-colored arc, the percentage centered, and a caption line beside it.

Services
  • APIOperational
    99.99%
  • IngestDegraded
    99.82%
  • BillingOperational
    99.97%
  • WorkersOperational
    99.95%

Service List

Service health rows with a pinging status dot, operational label, and a monospaced uptime percentage.

Live requests
2,418+24 / sec

Live Counter

Real-time counter with a pinging status dot in the tone color, a large monospace value, and a per-second rate.

Weekly sessions
186/ 220
34 to targetmax 300

Bullet Chart

Actual-vs-target bar with a tone-colored actual fill on a muted track and a thin foreground tick marking the target.

  • Move
    72 kcal
  • Exercise
    54 min
  • Stand
    88 hr

Activity Rings

Three concentric SVG rings with their own progress levels and a matching legend of labels, values, and units.

Signups382
+12%
Revenue$18.4K
+6%
MAU9.8K
+3%

Sparkline Row

Stacked rows combining a label, value, inline tone-colored sparkline, and emerald delta on the right.

Markdown version