92% passing
A dark analytics card with weekday bars, a highlighted peak column carrying a callout pill above a dashed threshold, and an on-track footnote.
The import and the props worth knowing about, in one place.
import { Chart6 } from "@/components/beste/piece/chart6";
<Chart6
title="Deployments"
rangeLabel="Wk 24"
peakLabel="128 builds"
footnote="92% passing"
days={[
{
"label": "Mon",
"value": 0.5
},
{
"label": "Tue",
"value": 0.86,
"active": true
},
{
"label": "Wed",
"value": 0.44
},
{
"label": "Thu",
"value": 0.3
}
]}
/>Where the week went
Booked hours by appointment type
A compact chart card that splits a total across labelled horizontal bars, each with its own percentage.