Two-tone success-versus-error split bar that prints the percentage of each side directly inside its segment.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Monitoring20 } from "@/components/beste/piece/monitoring20";
<Monitoring20
errors={124}
success={876}
/>Single distribution bar splitting incident counts across critical, warning, and info segments with a mono legend.
Two-line monospace block reporting read and write throughput with arrow glyphs for direction.
Circular progress dial holding a percentage at its center, captioned with a label and supporting hint.
Distributed trace timeline laying spans across a shared horizontal axis, each row labeled in monospace.
Inline edge between two named endpoints, drawn as a status-tinted stem with the round-trip latency floating mid-span.
Vertical battery of segments rendering current queue fill against capacity, with a stacked numeric ratio beside it.