Streaming bar chart that pushes a fresh sample every few hundred milliseconds, flags spikes in amber, and keeps a rolling p95 in the corner.
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="sky"
/>Compact response-time card pairing a percentile pill, the latest reading, and a smoothed sparkline trail.
Three server rows whose CPU and memory bars breathe with fresh readings every second, turning amber and red past their thresholds beside a live status dot.
Utilization bar for CPU, memory, disk, or network with a recolorable fill and matching percentage label.
Inline edge between two named endpoints, drawn as a status-tinted stem with the round-trip latency floating mid-span.