Weather Forecast Cards

Who it’s for

For anyone building a dashboard around a physical location — facility managers, farmers, fleet operators, site engineers — who needs to answer questions like “is rain coming to the greenhouse this week?”, “what’s the forecast at our warehouse location?”, or “how windy will it get at the site tomorrow?” without wiring up a separate weather service.

What it does

Reads the latest latitude and longitude values from the entity’s telemetry or attributes (key names are configurable, default latitude / longitude), then fetches a forecast from the free Open-Meteo API (no API key required):

• A horizontally scrollable row of daily cards: max/min temperature, humidity, wind speed, sunrise/sunset, and a weather icon.
• An optional expandable hourly panel for the selected day (Card view with expansion panel layout).
• A geocoded location label in the header (e.g. “Copenhagen, Denmark”).
• Local browser caching (configurable duration) so repeated dashboard loads don’t refetch on every load; a manual sync button forces a refresh.
• Time range selector: Today / 3 Days / Week / Month.
• A “Custom data export” hook so the currently displayed forecast rows can be exported alongside other widgets on the dashboard. Works with a single entity per widget instance (singleEntity: true); requires exactly one datasource carrying both a latitude and a longitude value.

How to set up

1. Add Weather Forecast Cards to a dashboard state.
2. Assign a datasource: an entity (or a Function datasource) that provides two numeric values — one for latitude, one for longitude.
3. If your latitude/longitude keys aren’t named exactly latitude / longitude, set the matching key names under Settings → Datasource.
4. That’s it — the widget loads the current forecast automatically using sensible defaults (Celsius, 3-day view, card layout).

How to customize

• To switch units — set Temperature unit to Fahrenheit under Settings → Display.
• To show more or fewer days at once — change Default time range (Today / 3 Days / Week / Month).
• To see hourly detail per day — set Layout view to “Card view with expansion panel,” then click a day card to expand it.
• To hide the header controls (range selector, location badge, sync button) — turn off Display header.
• To hide weather icons — turn off Display weather icons.
• To reduce API calls — increase Cache duration (hours) under Settings → Performance; use the sync button for an on-demand refresh regardless of the cache window.
• To restyle the cards — adjust Card background color, Value font/Value text color (temperature figures), Primary font/color (dates), Secondary font/color (metadata), and Highlight color (selected day) under Settings → Styles.

Notes

• Weather data comes from the Open-Meteo API and location naming from BigDataCloud’s free reverse-geocoding endpoint — both third-party services with their own availability and rate limits; no credentials are required or stored.