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.
The import and the props worth knowing about, in one place.
import { Chart7 } from "@/components/beste/piece/chart7";
<Chart7
surface="card"
bordered={true}
inverted={false}
title="Where the week went"
caption="Booked hours by appointment type"
items={[
{
"label": "Consultations",
"percent": 42
},
{
"label": "Follow-ups",
"percent": 28
},
{
"label": "Assessments",
"percent": 19
},
{
"label": "Admin",
"percent": 11
}
]}
/>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.