Weather Forecast-IO

A Ubersicht widget to display the current weather for a location along with a 3-day forecast. By default the widget fetches the currently conditions and forecast for the next 3 days and displays them as in the 1st screenshot below. However, when the NWS issues any type weather alert then the widget changes to show an alert icon with the severe alert details/description as seen in the 2nd screenshot below.

Install

Edit the index.coffee and review/modify the following items:

1. The "iconSet" variable on the first line. This is the main weather icon that is displayed. Take a look at the folders in the "images" folder and decide which you like best.
2. The "numberOfDays" variable on the 2nd line controls how many days of forecast are shown. At the current time forecast-io returns a max of 8 days so the widget will reset any value larger than 8 back to 8.
3. The "numberOfAlerts" variable on the 3rd line controls how many severe weather alerts are displayed. As the text of a severe weather alert can be rather long multiple simultaneous alerts can quickly fill the screen so adjust this to control how many are displayed.
4. Edit the latitude and longitude of the location you wish to display the weather details for in lines 4 & 5.
5. Edit the apiKey on line 6 to set your forecast.io API key. Visit https://darksky.net/dev to register and generate a free API key. Note that the free key allows up to 1000 calls per day. Be sure to set the refreshFrequency appropriately.

Customization

There are several iconSets delivered to choose between. The default is "stardock" but the widget also includes the below as well. Review these clear-day images to see what you wish to use.

Stardoc Aqua Climacons-Color Grzanka

TWCNew Yahoo Tick Crystal

Reall Vclouds

Note that there is also an iconset called Climacons which have the same icons as Climacons-Color but all the icons are solid white. These do not show up here on a white background so that iconset is not listed.

If you want to build your own icon set from other icons make sure to name them with the same names as the delivered icons.

Screenshot