The HACS Store request is pending, but feel free to add as custom repository.
New Custom Card: PV Forecast Card
Hey Home Assistant friends!
I’m excited to share my first custom card for your dashboards — a clean and animated way to visualize your upcoming solar yield
Features at a glance
Up to 7-day PV forecast
Choose which days you want to display, each as an animated progress bar.
Fully responsive layout with customizable colors and scale.
Optional “Remaining Energy” bar
Displays today’s remaining energy, shrinks dynamically and changes color when a custom threshold is reached. Can also BLINK. Fancy.
Perfect for tracking progress!
Three display modes
You can choose how day labels appear:
Localized design
All weekday names, tooltips and error messages adapt to your HA language settings. etc.
Interactive tooltips
Hover over any bar to see the forecasted value and the time of last update.
Fully customizable
Supports vertical-stack or grid integration, themes, gradients, tooltip toggles, custom max scale, and more.
You can even rename the “Rest” bar label.
Give it a spin in your dashboard, or fork and style it to your own needs. Feedback and improvements always welcome – enjoy!
HACS-compatible, full README & YAML example included! Mandatory: A solar forecast integration with multi-day forecast entities (recommended: Solcast or Open Meteo Solar Forecast)
I have one optical concern:
The bars are colored and that’s great. But why does the coloring scale?
If I have a width of 120 kWh, I would expect that a bar that holds merely 30 kWh is not green at its end but at most yellow, because it’s far below the defined threshold for green.
The coloring works fine for the visualization of the remaining amount for today, so the basic functionality seems to be implemented already.
Is it possible for max_value to take a sensor as input? I have a sensor that holds the maximum forecast value for the next week, which I’d like to use instead of a “hardcoded” value
Hallo,
Ich habe über HACS installiert und auch Solcast PV Forecast läuft und liefert Daten.
Gehe ich richtig in der Annahme, dass ich über “+ Karte hinzufügen” die Karte einbaue? Da finde ich aber leider nichts.
Gruss Bernd
it doesn’t show in the list of cards, you have to add it manually through YAML and type “custom:clock-pv-forecast-card” or f you use my fork (with the added entity for max_value) use custom:clock-pv-forecast-card-custom