Add Weather Radar to a Dashboard Easy

No it wasn't but I managed to find one ( animate.png (768×496) (w-x.co) that worked. At first I put in the Image URL field, but discovered that it should be put in the Background Image Link. All is good now!


A bit more cleaning up and I think I'll be there. I search of a thread that discusses clock tile (dont need seconds) and single current weather tile (need wind prior to going for bike ride) :slight_smile:

1 Like

This is what my weather dash looks like but I really need to revamp it...

How do you get the 5 day Forecast? Dumb question, i assume it auto updates?

That’s an image tile. You just need a link to a 5-day forecast image, e.g. from a local news website, to copy and paste in.

2 Likes

Yeah, I get mine from WPXI...

I've been using the https://s.w-x.co/staticmaps/wu/wxtype/county_loc/hfd/animate.png animated radar image on my dashboards for many years. However, in the last couple of months the animated images are always hours out of date, and therefore (IMHO) mostly useless. Check the time in the upper left corner.

My search for another radar image, not a link to an html page, has been futile.

Anyone have any suggestions?

Yes, built in rader in Hubigraphs/Webcore. It uses Windy

It's been a while, but if you can scrape the images, I can offer a image cycle driver...

Thank you for the suggestion. Both Hubigraphs and Webcore are not installed on my system, and correct me if I'm wrong, Windy.com requires a paid subscription for a 12 hour radar loop.

I found an OK animated radar map at
https://radar.weather.gov/?settings=v1_eyJhZ2VuZGEiOnsiaWQiOiJ3ZWF0aGVyIiwiY2VudGVyIjpbLTc0LjU2Niw0MC42MDJdLCJsb2NhdGlvbiI6Wy03NC41NjMsNDAuNjAyXSwiem9vbSI6N30sImFuaW1hdGluZyI6ZmFsc2UsImJhc2UiOiJzdGFuZGFyZCIsImFydGNjIjpmYWxzZSwiY291bnR5IjpmYWxzZSwiY3dhIjpmYWxzZSwicmZjIjpmYWxzZSwic3RhdGUiOmZhbHNlLCJtZW51IjpmYWxzZSwic2hvcnRGdXNlZE9ubHkiOmZhbHNlLCJvcGFjaXR5Ijp7ImFsZXJ0cyI6MC44LCJsb2NhbCI6MC42LCJsb2NhbFN0YXRpb25zIjowLjgsIm5hdGlvbmFsIjowLjZ9fQ%3D%3D

but it only works as a dashboard Link and fails as a dashboard image.

I'm currently using a Dashboard image tile for radar. Never tried scraping images.

All good. If you (or anyone else) needs to display a sequence of images with overlays then my driver can handle that. If not, that's fine.

Nope free. Been using it a long time. Webcore is built into hubitat. You don't even need to do anything complicated just create a weather graph and put it on your dashboard (obviously fill out your local info by zipcode but that's it)

Either works

Where can I find it, HPM and or Github?

I'm interested in taking a look with animating the static images at Current Radar (Intellicast) | Radar Maps | Weather Underground

The animated maps are currently slow to update. The static images URL have a date time stamp and update every 15 minutes.

1 Like

As the options discussed above are mostly broken as on 12/2023, I have done the following to get some weather radar animation working on a dashboard:

Go to https://www.weather.gov

Enter your zipcode, or better yet, the zipcode of a location to the west of you, so you can "see storms coming" (I want a good view of what's heading for NYC, so I will pick Philly...)

Click on the "Your local forecast office is" link

Click on "Radar" on the top menu, and then click "Local standard radar (low bandwidth)"

Right click and Copy link for "image loop" link (don't copy the text, it lacks the domain for the URL)

On the dashboard settings for the tile, the URL is the "Background Image Link", and a width of "3" shows the date/timestamp

Looks like this, which is not fabulous, but it at least works reliably (note the tiny blue blob at bottom - that's a little rain shower over MD)

3 Likes

Thanks for sharing the instructions to the image, James! It's now part of my weather dashboard.

Here is the direct link to the entire USA GIF

If you click on PAN, you can find a closer image of your area.
https://radar.weather.gov/region/conus/standard

I have been scouring through the internet looking for the best weather information to integrate with a dashboard, and a lot of the information posted no longer works. Either the APIs are no longer free or something with the data broke. Here is the best information that I could find in December 2023.

To integrate images in Hubitat Dashboard create a new tile, and do not assign the tile to a device. Instead under Template, select "Image" and then insert the URL in "Image URL".

Please note that while you are searching for weather to make sure that it is providing the latest data. I have found a few websites where the images were old.

LOCAL NEWS STATION and WEATHER MAPS
You may or may not find good data with this method

My local news station
https://www.ksbw.com/article/map-room/2530828

Go to the weather section of your local news station, and see if they display images for their weather. Sometimes you get lucky, other times it's a javascript or some other function that isn't easy to integrate into the dashboard. KSBW is a local station in my area and they have a cool FORECAST TOMORROW image.

You can also try to do a google search for WEATHER MAPS. It may come up with something useful for you.

LOCAL ABC WEATHER STATIONS
Most reliable non-animated radar

Go to your local ABC weather station, and go to their weather section to find good image content.
It maybe good to try browse to other ABC weather stations because they may have something that you may like. If you do not know your local ABC weather station, search for "ABC Weather" in google. Google will use your location and give you some close approximates.

WEATHER.GOV

https://radar.weather.gov/region/conus/standard

You can get animated weather information for your area by using weather.gov. It's not the closest Zoom in, but it should be sufficient for it being free. Go the link above, and click on PAN. Pan to your general location, then copy the image loop GIF link.

NOAA Images

https://www.star.nesdis.noaa.gov/GOES/sector.php?sat=G18&sector=wus

I'm not going to include an image here, but NOAA provides a lot of different options. For the upper bar, click on the area that you want. This includes areas outside of the USA.

https://graphical.weather.gov/sectors/pacsouthwest.php

Additional map images. Just PAN to your area. There are a lot of choices.

WeatherDOTcom Maps

https://weather.com/maps/currentusweather

Many North America and Global Maps

Weather Underground Weather Maps
Yesterday Map

https://www.wunderground.com/maps/radar/yesterday/bfl

Go here and change your region to find a map in your area. Click on Animate before copying the image link for the animated version.

WEATHER FORECAST WIDGET

If you want the forecast, there are two methods that I have seen. The first, which I've seen a lot of people post is using the ABC Local weather 7-day forecast. It's fine and all, but it doesn't get your specific area. If you want to do it that way, just google "ABC weather" and scroll through your local weather stations website to find the URL.

https://www.theweather.com/widget/

I think the better method is to go to theweather.com and use their widget creator. You can customize it exactly how you want it. Before creating your widget, click on image. Grab the image hyperlink location.

AIR QUALITY

image

Air Quality is related to the weather and should be a factor since you only get two lungs. This isn't a map, but you can graph it out onto your dashboard.

Pull the data from the "Air Quality from AirNow" app on HPM and then create a chart using the "Tile Builder" App on HPM.

Precipitation Data

image

To create this chart, I use the data from the "Precipitation and Weather Monitor for National Weather Service Data" app on HPM and "Tile Builder" app on HPM.

Built-In OpenWeatherMap Driver

Weather API - OpenWeatherMap

If you get a free API from OpenWeatherMap, you can get your local weather in a driver. You can use it to do whatever you want.

Alternately, you can also download "OpenWeatherMap-Alerts Weather Driver" from HPM to get extra information. Follow the instructions from this link to get it working. Please note after you get the driver updated, it may take 15-30 minutes for the information to initially load; just be patient, and it will show up.

https://community.hubitat.com/t/openweathermap-alerts-weather-driver/38249/998

WEATHERdotCOM FROM HUBIGRAPH'S RADAR TILE

As rlithgow1 mentioned, Hubigraph's radar tile is a quick and easy way to get WindyDOTcom integrated into a tile. You can download Hubigraph from HPM.

EMBEDDING A WEBSITE INTO A TILE

There are some cool websites that maybe you want to embed into your website, such as windyDOTcom. To embed a website, use the "iFrameAdvanced" driver app on HPM. Please note that some websites have an HTTP header that do not allow iFrames to work. If your URL does not look, see if they have an EMBEDDED URL or WIDGET URL.

2 Likes

At this point I just use the one built in to Hubigraph/Webcore...

The radar tile in Hubigraph is very simple to use for WindydotCom

1 Like

Yup. Now in webcore graphs