SunPlanner · Power element · Concept 3 — Wildcard
The Crucible

A solar fuel cell, drawn in cross-section, decanting molten light. The vessel's full height is the rig's realistic clear-sky peak; the glowing surface is what you're capturing this hour. You read current-vs-potential the way you read fuel in a glass tank: how full the cell sits, and how far the surface is below the etched rim. Not a bar, not a dial.

11.2kWh today
9.4 – 13.1 kWh
36.1188, -112.0972
This hour
1.9kW
1.4 – 2.4 kW range
30% of a perfect pour
FULL POUR 6.4kW
i
Today in detail
TodayOutlookSettings
Low output · early / overcast · shallow pool
28.6kWh today
26.0 – 30.8 kWh
36.1188, -112.0972
This hour
6.1kW
5.7 – 6.3 kW range
95% of a perfect pour
FULL POUR 6.4kW
i
Today in detail
TodayOutlookSettings
Peak sun · clear solar noon · near the brim
19.4kWh today
15.8 – 22.9 kWh
36.1188, -112.0972
This hour
3.4kW
2.6 – 4.3 kW range
53% of a perfect pour
FULL POUR 6.4kW
i
Today in detail
TodayOutlookSettings
Cloud dip · cloud over noon · surface dropped from brim

How it reads

Fill height = capture ratio. The molten surface rises to currentKw / peakKw. A glance tells you "the cell is two-thirds full" without reading a single number.

The etched rim is the peak. The top line, labeled FULL POUR 6.4kW, is the rig's realistic clear-sky ceiling (computeClearSkyCeilingKw). The gap between the surface and the rim IS the "how much sun am I leaving on the table" answer.

The number stays the headline. 6.1 kW this hour, in Solar Flare gold, with the honest lo–hi band beneath it and mirrored as whiskers on the vessel wall.

Colorblind-safe by construction

The answer is position and shape: surface height, distance to the etched rim, the quarter ticks on the wall, the meniscus band. The molten gold is identity, never the signal.

The cloud-dip state adds a dashed ghost line where a clear sky would put the surface, so "you dipped" reads as a spatial gap, not a color change. A grayscale print of all three cells still answers the question.

Hierarchy held: the cell is a tall thin column hugging the right edge, so the big kWh today hero up top still lands first.

The label fix

The confusing FORECAST RIGHT NOW becomes THIS HOUR (owner's pick) — the live-dot eyebrow over the number. Present-tense and unambiguous: this clock-hour's expected output.

The percent reframes to "of a perfect pour", which keeps the vessel metaphor and reads more plainly than "of a perfect day here."

Buildable in React Native

react-native-svg draws the vessel silhouette once; the molten body is a <Rect> clipped to a <ClipPath> of that silhouette.

One reanimated shared value drives the surface Y with withTiming (same 800ms ease the bar uses today) — no JS loop. The meniscus is a thin highlighted rect at the clip top with an optional slow translateX shimmer, reduced-motion gated.

Night / no-production falls back to an empty cell + the honest "No production expected right now" line, exactly like today.

Mockup · numbers illustrative for a ~6.4 kW van rig · sky backgrounds are CSS stand-ins for the real cinematic photos
Tokens pulled from lib/design/v15.ts — bg #0B1014 · Solar Flare gold #FFB81C · warm edge #FFC94A · ink #ECEFF4 / #B0B8C5