Area Chart

SVG line with a soft gradient fill beneath. Tone colors the stroke and fade.

MRR · 90d$124K

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Chart5 } from "@/components/beste/piece/chart5";

<Chart5
  label="MRR · 90d"
  value="$124K"
  data={[
    20,
    28,
    24,
    34,
    40,
    38,
    48,
    52,
    60,
    58,
    72,
    84
  ]}
  tone="success"
/>