Thick donut ring with a centered percent, paired with an uppercase caption on the side.
The import and the props worth knowing about, in one place.
import { Chart2 } from "@/components/beste/piece/chart2";
<Chart2
value={64}
label="Capacity"
caption="of target"
tone="success"
/>Flat-fill pie beside a legend. Each slice picks a tone from a fixed six-color palette.
Card with a label, headline value, and a row of vertical bars scaled to the data.
SVG line with a soft gradient fill beneath. Tone colors the stroke and fade.