Horizontal bars whose values keep drifting, so rows glide up and down to their new rank while the bars stretch and shrink underneath.
The import and the props worth knowing about, in one place.
import { Chart9 } from "@/components/beste/piece/chart9";
<Chart9
title="Most played right now"
unit="plays"
rows={[
{
"label": "Nina Simone",
"value": 8420
},
{
"label": "Miles Davis",
"value": 7910
},
{
"label": "Björk",
"value": 7280
}
]}
tone="primary"
/>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.