Where can I find weather tiles?

There are a few common approaches for displaying weather in SharpTools.
  • Use the 'Open Weather' custom tile
  • Use a supported weather 'device' 
  • Use an image in a Media Tile

Custom Tile

The 'Open Weather' custom tile can display the current weather alongside a 6 day forecast. This uses data from Open Weather Map, so you'll need to register for free API Key to use it (details in the linked post).

See the community post for more details, including setup instructions:

Custom Tile: Open Weather - Current Weather and 6 Day Forecast

Weather Device

SmartThings

SmartThings has deprecated their SmartWeather Station Tile. The Open Weather approach method mentioned above is the best alternative for displaying weather in your dashboard. Otherwise, the Media Tile option mentioned below remains an option.

Hubitat

For Hubitat, the built-in OpenWeatherMap driver is a solid choice for basic weather support. There’s also several different community drivers available with Matthew's OpenWeatherMap driver being a popular choice:

Historically, a modified version of Matthew's DarkSky.net weather driver was a popular choice for weather. Unfortunately, Dark Sky was acquired by Apple and has stopped issuing API Keys. If you already have a valid API Key, then it should continue working through 2022. Otherwise, you might try one of the many community developed drivers. 

Home Assistant

The default weather forecast (met.no) from Home Assistant is supported as a weather card. 

Media Tile

You can use Media Tiles along with a weather image to create a media tile. A common source for weather images is your local news website. 


For example, you might visit your local NBC, ABC, or CBS affiliate and look for their weather page wherein you'll frequently find a static image showing the upcoming weather forecast. Note that this varies for each news source - sometimes the images are right on the weather page and sometimes they are on a specific 7 or 10 day forecast page. 
Also note that some weather website display the weather in HTML or in a live streaming video - what we are looking for is a normal image (.png , .jpeg , .svg ). In Google Chrome, you can usually right-click on an image and choose 'Copy image address'. Alternatively, you can right-click and choose 'Inspect' which will bring up the source code for the page with the element holding the image highlighted - in this case, you are looking to see if there is an image available as a .png .jpg or other  image type.

Having trouble finding a weather image? Try posting on the community!

Weather Widget

Meteored seems to have acquired theweather.com and their new widget generator renders a webpage rather than an image like before. If you previously generated an image with the original widget generator, those images appear to still be working.

wttr.in supports generating an image, but it's more of a command-line look and the performance was hit-or-miss in our testing.

There's a great online tool for building a custom weather widget available at:

The tool provides a variety of options for customizing the location, layout, colors, icons, etc. 

When using theweather.com widget, make sure to choose the image option at the end and then copy only the value out of the 'src' attribute into the SharpTools.io Media Tile creation screen.
For example, if the generated content is: 
<img src="https://www.theweather.com/wimages/fotof0a9eeee73f3fc775cc86a08c4e01b01.png ">
You'll want just the URL in the 'src' attribute: 
https://www.theweather.com/wimages/foto97bd774cb64c2e033944cb57e3c37fab.png

Full Local Example

For example, a search for "Dallas Local News" in Google results in WFAA (ABC), NBC DFW (NBC), Fox 4 News (Fox), etc.

Upon opening the website of the first result, WFAA, I opened the menu on the left side of the page and found Weather > Hourly and 10-day

Once in that page, the 10-day forecast was displayed as a static image and I am able to right-click and copy the image address.

From there, you can navigate back to SharpTools.io and create a Media Tile with the copied URL:

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.