Skip to content

Weather forecast tile

The next hours, the next days and nights, or the week, with warnings, from a weather connection.

In a dashboard file: "type": "forecast", with the options below. Every tile also has the fields under Every tile.

A tile, as it goes in a screen’s tiles:

{
"type": "forecast",
"label": "Weather",
"layout": { "x": 1, "y": 1, "width": 4, "height": 2 },
"dataSource": {
"connection": "demo",
"params": { "device": "weather", "value": "forecast" }
},
"options": { "horizon": "medium", "slots": 6 }
}

It reads the demo home: in a dashboard with the connection "demo": { "driver": "demo", "config": {} }, it works as it is. To read a device of your own, its data source names one of your connections, with the params of that connection’s driver (Connections and data sources).

Field Type Default What
source data source name primary Weather. One of the tile’s data sources, by name, that gives a forecast.
horizon one of short (Next hours), medium (Next days and nights), long (This week) medium Forecast. The next hours, the next days and nights, or the week.
slots whole number, 1 to 24 Slots. How many; 6 hours, 6 days and nights, or 7 days when left out.
showRain true or false true Rain. In mm, with its chance.
showWind true or false true Wind. From the calmest to the strongest, with its direction.
showWarnings true or false true Warnings. A strip at the top, and a mark on the slots they cover.
rainColors list [{"above":5,"color":"#ffa94d"},{"above":10,"color":"#ff7070"}] Rain colours. The rain in a colour above an amount; the highest that applies wins.
rainColors[].above number, at least 0 required Above. In the forecast’s unit: mm or in for rain, kph or mph for wind.
rainColors[].color colour required Colour.
windColors list [{"above":20,"color":"#ffa94d"},{"above":40,"color":"#ff7070"}] Wind colours. The wind in a colour above a speed, by the strongest shown; the highest that applies wins.
windColors[].above number, at least 0 required Above. In the forecast’s unit: mm or in for rain, kph or mph for wind.
windColors[].color colour required Colour.

The styles the app offers for it, after “The dashboard’s style”. Style files says what they set.

  • Centred
  • Left aligned
  • Compact
  • Icon at the left