Concept 2 — the next-hour rain timeline

A slim, always-on instrument band that draws the whole next 60 minutes as one continuous curve: where rain starts, where it peaks, where it stops, with the answer spelled out in plain text on the band's own line. Nothing is hidden behind a tap. It sits below the kWh hero and the Power Now bar, so it never takes over the dashboard.

State A · rain coming
44.4280, -110.5885
Today
18.4kWh
Power now1.21 kW

Dry now. The curve lifts off the baseline at the marked minute, so the start reads instantly.

State B · raining now
44.4280, -110.5885
Today
12.7kWh
Power now0.38 kW

Curve already filled at "now"; it tapers to the baseline at the stop marker. Answer reads "Stops ~9:58".

State C · heavy burst
44.4280, -110.5885
Today
9.1kWh
Power now0.10 kW

Curve pushes through the HIGH gridline; the peak label calls the heaviest minute. Height does the work, not color.

Curve height = rain intensity (the whole hour, always shown)
"Now" marker sweeps left to right
Start / stop markers, labelled with the time
HIGH / MOD / LOW gridlines (labelled, never hue alone)

Data. Drawn straight from the same precipNext60Min buckets the current bar uses (15-min Open-Meteo or 1-min Pirate). Each bucket is interpolated into a smooth curve; start = first wet minute (minutesUntilFirstWet), stop = first dry minute after the last wet one (findStopsAt). Peak = the heaviest bucket. Same detection floor, no second source.

Colorblind-safe. The shape of the curve, the labelled HIGH/MOD/LOW gridlines, the time-stamped start/stop markers, and the written answer all carry the meaning. Gold is the app's signature accent, not a code. Red/amber gridlines only reinforce a height that already reads on its own.

Buildable in React Native. One react-native-svg Path for the filled area + one for the stroke; the "now" marker animates with react-native-reanimated (a single translateX on an SVG <Line>). No layout animation, no Skia. The band keeps a fixed height whether it rains or not, so the hero never shifts.