Weekday Peak Bars

A dark analytics card with weekday bars, a highlighted peak column carrying a callout pill above a dashed threshold, and an on-track footnote.

Deployments

Wk 24

128 builds

MonTueWedThu

92% passing

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

Import & use

import { Chart6 } from "@/components/beste/piece/chart6";

<Chart6
  title="Deployments"
  rangeLabel="Wk 24"
  peakLabel="128 builds"
  footnote="92% passing"
  days={[
    {
      "label": "Mon",
      "value": 0.5
    },
    {
      "label": "Tue",
      "value": 0.86,
      "active": true
    },
    {
      "label": "Wed",
      "value": 0.44
    },
    {
      "label": "Thu",
      "value": 0.3
    }
  ]}
/>