How to add an animated Weather Radar on Home Assistant?

In this post, I'll show you how to easily add an animated weather radar in Home Assistant. Home Assistant can track, control and automate all your devices at home. With the addition of a weather map on the home attendant you will have more information about the location of your home that is readily available to you.

The Home Assistant already has support for numerous meteorological services. But it is not so easy to obtain a weather radar map of your area. If you're like me, you hate pages full of ads from weather sites. A Home Assistant weather map puts that information at your fingertips, if necessary and is set up with other weather information. So let's take a look at how to add a web interface of Weather Radar in Home Assistant .

What is Home Assistant?

Home Assistant is a free and open source home automation platform built with Python. It allows you to control all your devices from a single interface compatible with mobile devices. In addition, you can track and control all your data without having to store them in the cloud as some of the smart home centers available in the market.

Screenshot of Home Assistant

You can monitor the status of Your devices and the advanced settings of home automation rules to control your devices. It supports more than 1000 (not a typo) platforms. None of the other smart home controllers available in the market, such as Samsung SmartThings or Wink, are compatible with these. Home Assistant can be installed on several platforms, including raspberry, Linux, etc. With Docker Home Assistant, almost all platforms are covered.

It is one of the most interesting applications that I started using in 2017 and it is included in my final home media server.

Enough about the greatness of Home Assistant. Let's see how to add an animated weather map in Home Assistant.

Add weather radar in Home Assistant

You can add a static weather map with the current conditions or a domestic weather assistant radar. I will show both forms in this post. Both processes are essentially the same, the only difference is whether or not you enable the "Animate" button while taking the URL of the time gif image.

Step 1. Take the URL of the weather map

Go to the Weather Underground weather radar.

Static Home Assistant Weather Map

To capture the URL of a static weather map, first, choose your country and location as shown in the following screenshot. If you want to expand your location, you can choose one of the radar stations, but I will cover this later in this guide.

  Get image URL for Static HASS Weather Map

Get image URL for Static HASS Weather Map

Then, uncheck Show radar sites and finally right click on Image-Link and Copy link address (in Chrome; it may be different in other browsers). The URL of the static weather map to the current conditions must be copied to your clipboard.

Home Assistant animated weather radar

For an animated weather map, I will zoom in on a specific weather station. If you prefer a broader look, do not select a weather station.

Click on the Animate button then choose your location and a specific radar station, as shown in the screenshot below.

  Customize the location of the animated weather map in Home Assistant

Customize the location of the animated weather map

You can then customize the animation in the weather radar using the options shown below. In general, I leave "Severe", "Rain / Snow" and "Tags". You can also customize the speed of the animation, but I will leave the default value for this tutorial on the HASS weather map.

  Customization options for animated weather radar

Customization options for animated weather radar

When finished, right click on Save Image button and Copy address Link (in Chrome; it may be different in other browsers). Your animated weather radar URL should be copied to your clipboard.

Step 2. Add the weather radar to the Home Assistant user interface

Now that you have the URL of your weather map, let us add it to your HASS user interface. For this, we are going to use the Home Assistant camera component. Open your file configuration.yaml and add the following block of code:

  camera:
- platform: generic
still_image_url: & # 39; https: //icons.wxug.com/data/weather-maps/radar/united-states/dayton-ohio-region-current-radar.gif'
Name: Radar WU Ohio Current
- platform: generic
still_image_url: & # 39; https: //radblast.wunderground.com/cgi-bin/radar/WUNIDS_map? station = DAY & brand = wui & num = 6 & delay = 15 & type = PP && Prame = P.P. & P & P == P.P.Emp.C.P.A.A. 0 and transy = 0 and showlabels = 1 and severe = 0 and rainsnow = 1 and lightning = 0 and soft = 0 and rand = 25523390 and lat = 0 and lon = 0 and label = you & # 39;
Name: Radar WU Ohio

Note that in the previous code block, I am adding both the static current weather map and the animated weather radar. Therefore, two camera components: one with static URL (the first) and the other with URL for animated radar (the second longest). Replace the parameter still_image_url with your URLs copied from the first step. You can also customize the parameter name .

Save your configuration.yaml and restart Home Assistant.

Step 3. Check Weather Maps in the Home Assistant UI

If everything worked, you should now see two instances of the time map in Home Assistant. The first should be a static map showing current conditions, as shown below:

  Static weather radar in Home Assistant

Static weather map in Home Assistant (Sorry, the sky was clear when I wrote the tutorial)

the second should be an animated weather radar in the UI Home Assistant, as shown below:

Once again, I'm sorry, the sky was clear in my area when I took the video Therefore, you can not see any action in the video, except the movement in the clock.

Make Telegram Text You Weather Radar

The Telegram configuration for the home attendant is beyond the scope of this guide, but consult the official documentation. I have the configuration of my home assistant integrated with Telegram. Then, when I send a command / radar to my home attendant on Telegram, I get an answer with all the weather radar images, as shown below. I do not even have to open the User Interface of the home assistant.

  Created telegram text The current weather map

Automatic telegram text The current weather map

If you are interested in achieving something like this, here is automation. to add int to your automations.yaml wherever your automations are listed.

  - id: telegram_weather_radar
Alias: Telegram Weather Radar
trigger:
- event_data:
command: / radar
event_type: telegram_command
platform: event
condition: []
action:
- data:
title: Columbus weather radar in {{now (). strftime ("% H:% M")}}
message: Columbus weather radar in {{now (). strftime ("% H:% M")}}
data:
Photo:
- url: https://radblast.wunderground.com/cgi-bin/radar/WUNIDS_map?station=CMH&brand=wui&num=1&delay=15&type=TR0&frame=0&mapx.Personalization of the parts of the parts of the parts of the parts of the people who check the ribs10 & shopstorms = 0 & shxstorms = 0 & mapx = 4 & mapx.Pare.jpg 0 & transy = 0 & showlabels = 1 & severe = 0 & rainsnow = 1 & lightning = 0 & smooth = 0 & rand = 25445968 & lat = 0 & lon = 0 & label = you
title: Columbus weather radar in {{now (). strftime ("% H:% M")}}
service: notify.telegram
- data:
Title: Ohio weather radar in {{now (). strftime ("% H:% M")}}
message: Weather Radar Ohio in {{now (). strftime ("% H:% M")}}
data:
Photo:
- url: https://icons.wxug.com/data/weather-maps/radar/united-states/dayton-ohio-region-current-radar.gif
Title: Ohio weather radar in {{now (). strftime ("% H:% M")}}
service: notify.telegram

Of course, change the url in the previous code block to yours.

Conclusions

I hated going to websites with a slow climate and full of ads trying to find a radar map for my area. Now I do not have to. In my HASS, I have static and animated weather radars for both my city under current conditions and for advanced weather radar of the state to see what's coming. Also, I have Telegram configured to send me the radar with a quick text message.

Sounds exciting? Go ahead, add the weather radar in Home Assistant and do it even better.

Add a Comment

Your email address will not be published. Required fields are marked *