Open Meteo weather widget (3 Days min/max + icons)

3-Day forecast widget for Open Meteo.

Configuration Steps

Use the Thing with name "OpenMeteo weather forecast". Use at least min/max temperature channels for 3 days(today,tomorrow and day2) and WMO codes (see below)

As an example how my temperature items look like. Feel free to choose other names, the widget provides properties for configuration.

OpenMeteo_weather_forecast_Maximum_outdoor_temperature_Today
OpenMeteo_weather_forecast_Maximum_outdoor_temperature_Tomorrow
OpenMeteo_weather_forecast_Minimum_outdoor_temperature_Tomorrow

To display the correct icons the widget uses “WMO Codes” provided by the API. Use the following items and add the state description provided on github.

OpenMeteo_weather_forecast_WMO_code_Today
OpenMeteo_weather_forecast_WMO_code_Tomorrow
OpenMeteo_weather_forecast_WMO_code_Day_2

Add it to all three items

Screenshots

Version 2.0

Resources

Open Meteo Widget

Open Meteo state description (for Icons)

New version v2 available:

  1. Configurability: Switched from hardcoded items to reusable parameters, allowing you to select items via the UI.
  2. Robustness: Added fallback values () to prevent “undefined” labels if data is missing.
  3. Mobile Layout: Fixed the layout with standardized tags (f7-col), ensured single-line text via nowrap, and corrected the visual hierarchy.
  4. Refinement: Optimized the UI by reordering data (Min | Max), adding the current temperature, and improving text styling.

See my Repo, linked in 1st. post

I really like this! Has anyone tried to adapt it for OpenWeather? OpenWeather Binding provides icons for the weather today, tomorrow and the day after, so it would not be too hard to display these instead.

The temperatures (taken from the respective OpenWeather items) are displaying perfectly.

If you are familiar with the source code you can easily replace the lines of code where the icons are used. You are welcome to fork and publish the widget

I am more of an advanced noob, can’t code, but try to understand how things work and recreate them… I tried with trial and error and didn’t succeed. However with the use of an AI, I was able to get the syntax right (OpenWeather provides an oh:image; your code references an oh:icon.)

I’ll check for a few days if it works and if it does, I will post the code here. (I don’t know how forking works.)

Hi, I just realized that you need to split the channel groups of the daily forecast parameters for them to appear with the correct names (_Today, _Tomorrow,…)

Your items can be named as you like. The current version is using properties, so you just need an item that provides the temperature, doesn’t matter how it is named.