Metric Component

The Metric component is used to display key values or KPIs in a visually prominent format. It’s perfect for highlighting single numbers or ratios that matter most.

Key Features

• Simple and clear: emphasizes one or two critical numbers.
• Supports comparisons: show deltas or percentage changes.
• Custom formatting: currency, percentages, time, etc.
• Color indicators: highlight performance (e.g., green for positive, red for negative).

Example Schema

{
  "type": "metric",
  "title": "Monthly Revenue",
  "value": 18000,
  "format": "currency",
  "comparison": {
    "previous": 15000,
    "change": "+20%"
  }
}

Example Use Cases

• Displaying MRR (Monthly Recurring Revenue).
• Highlighting churn rate or NPS score.
• Tracking system uptime or error rate.