Precipitation Bars

Six-hour rain probability column chart with sky-blue bars rising on a muted track and percentages on top.

PrecipitationNext 6h
10%
Now
25%
11
60%
12
95%
1
78%
2
35%
3

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

Import & use
import { Weather7 } from "@/components/beste/piece/weather7";

<Weather7
  hours={[
    {
      "label": "Now",
      "chance": 10
    },
    {
      "label": "11",
      "chance": 25
    },
    {
      "label": "12",
      "chance": 60
    },
    {
      "label": "1",
      "chance": 95
    },
    {
      "label": "2",
      "chance": 78
    },
    {
      "label": "3",
      "chance": 35
    }
  ]}
/>