Live Latency Bars

API latency122ms
About this piece

Live Latency Bars

Streaming bar chart that pushes a fresh sample every few hundred milliseconds and flags spikes in amber.

Usage

The import and the props worth knowing about, in one place.

import { Monitoring21 } from "@/components/beste/piece/monitoring21";

<Monitoring21
  label="API latency"
  unit="ms"
  baseline={120}
  spread={60}
  warnAt={200}
  tone="primary"
  bordered={false}
/>

More Monitoring pieces

View all Monitoring
web-01
CPU
RAM
web-02
CPU
RAM
worker-01
CPU
RAM
api
42ms
db
CPU72%
p95Response time
182ms
auth.beste.co99.92%
live