$0total
The total counts up while the donut draws one slice after another, each legend row sliding in as its arc lands.
The import and the props worth knowing about, in one place.
import { Dashboard34 } from "@/components/beste/piece/dashboard34";
<Dashboard34
title="Revenue by plan"
range="This quarter"
totalLabel="total"
prefix="$"
slices={[
{
"label": "Enterprise",
"value": 61200,
"tone": "primary"
},
{
"label": "Pro",
"value": 38400,
"tone": "sky"
},
{
"label": "Starter",
"value": 17900,
"tone": "violet"
},
{
"label": "Add-ons",
"value": 8300,
"tone": "emerald"
}
]}
/>Revenue split card with an SVG donut on the left showing weighted slices and a percentage legend on the right.
Conversion funnel stages where each row's bar narrows against the top stage and a rose drop-off percentage marks churn.
Top-three ranking card with gold, silver, and bronze medal circles next to names and monospaced scores.
Horizontal 100 percent stacked bar splitting a total into colored segments with a wrapping legend of labels and percentages.