Weather card (custom ?)

New HA user on the steep learning curve, I did a couple of searches, but I couldn’t find and answer so…

I want to display a Weather card on my dashboard with:
Today:
• Weather forecast (i.e. Sunny, Cloudy, Stormy)
• Current temp, forecast high temp
• Forecast UV, times above UV index 3 (or just predicted UV index high)
• Chance of rain
Forecast for the next 5 (or 7) days:
• Weather forecast (as above)
• High and low temp
• Chance of rain

I’m using the BOM weather card at the moment with the data for ‘weather.carine’ but it doesn’t show everything that I’d like, the info (sensors) are supplied by the (Australian) weather beureau, but i want to be able to display certain info as explained above.

I really liked the custom weather card with moving icons, but after some digging it would appear that the card is deprecated (I’ll be happy to be wrong about that) I never had any luck getting it to show on my dashboard.

My intention is to set up a tablet in Kiosk mode and display the dashboard for the family to use as required.
TIA Barney

1 Like

That card does all of that if you configure it correctly, including the moving icons.

This is mine (I’m in Morley):

type: custom:bom-weather-card
title: BOM Weather
entity_current_conditions: sensor.morley_icon_descriptor_0
entity_temperature: sensor.perth_temp
entity_forecast_high_temp_1: sensor.morley_temp_max_1
entity_forecast_high_temp_2: sensor.morley_temp_max_2
entity_forecast_high_temp_3: sensor.morley_temp_max_3
entity_forecast_high_temp_4: sensor.morley_temp_max_4
entity_forecast_high_temp_5: sensor.morley_temp_max_5
entity_forecast_icon_1: sensor.morley_icon_descriptor_1
entity_forecast_icon_2: sensor.morley_icon_descriptor_2
entity_forecast_icon_3: sensor.morley_icon_descriptor_3
entity_forecast_icon_4: sensor.morley_icon_descriptor_4
entity_forecast_icon_5: sensor.morley_icon_descriptor_5
entity_forecast_low_temp_1: sensor.morley_temp_min_1
entity_forecast_low_temp_2: sensor.morley_temp_min_2
entity_forecast_low_temp_3: sensor.morley_temp_min_3
entity_forecast_low_temp_4: sensor.morley_temp_min_4
entity_forecast_low_temp_5: sensor.morley_temp_min_5
entity_summary_1: sensor.morley_short_text_1
entity_summary_2: sensor.morley_short_text_2
entity_summary_3: sensor.morley_short_text_3
entity_summary_4: sensor.morley_short_text_4
entity_summary_5: sensor.morley_short_text_5
entity_sun: sun.sun
entity_daytime_high: sensor.morley_temp_max_0
entity_daytime_low: sensor.morley_temp_min_0
entity_wind_bearing: sensor.perth_wind_direction
entity_wind_speed: sensor.perth_wind_speed_kilometre
entity_wind_gust: sensor.perth_gust_speed_kilometre
entity_humidity: sensor.perth_humidity
entity_apparent_temp: sensor.perth_temp_feels_like
entity_daily_summary: sensor.morley_extended_text_0
entity_pop: sensor.morley_rain_chance_0
entity_pop_intensity: sensor.perth_rain_since_9am
entity_possible_today: sensor.morley_rain_amount_range_0
entity_pos_1: sensor.morley_rain_amount_range_1
entity_pos_2: sensor.morley_rain_amount_range_2
entity_pos_3: sensor.morley_rain_amount_range_3
entity_pos_4: sensor.morley_rain_amount_range_4
entity_pos_5: sensor.morley_rain_amount_range_5
entity_pop_1: sensor.morley_rain_chance_1
entity_pop_2: sensor.morley_rain_chance_2
entity_pop_3: sensor.morley_rain_chance_3
entity_pop_4: sensor.morley_rain_chance_4
entity_pop_5: sensor.morley_rain_chance_5
entity_fire_danger_summary: sensor.morley_fire_danger_0
large_icon_left_position: 0px
large_icon_top_margin: '-3.2em'
locale: en
old_daily_format: false
refresh_interval: 60
separator_top_margin: 6em
show_beaufort: false
show_decimals: false
show_separator: false
static_icons: false
summary_font_size: 0.8em
slot_l1: daytime_high
slot_l2: daytime_low
slot_l3: wind
slot_l4: pressure
slot_l5: sun_next
slot_r1: pop
slot_r2: humidity
slot_r3: uv_alert
slot_r4: fire_danger
slot_r5: sun_following
summary_top_padding: 2em
sunset: true
temp_font_size: 4em
temp_font_weight: 300
temp_right_pos: 0.85em
temp_top_margin: 0px
temp_uom_right_margin: 7px
temp_uom_top_margin: '-12px'
time_format: 24
tooltip_bg_color: rgb( 75,155,239)
tooltip_border_color: rgb(255,161,0)
tooltip_border_width: 1
tooltip_caret_size: 5
tooltip_fg_color: '#fff'
tooltip_left_offset: -12
tooltip_width: 110
tooltips: true

Data is from this custom integration

The BOM card has been rebranded as Custom Animated Weather Card. It does all you want looking at your list but accepts sensors - not the HA weather integration objects - is that your issue?

Thanks Dave (howdy neighbour) and Daryl.

I copied the body of the bom-weather-card from Dave’s, edited my card and replaced all of the code with Daves).

I don’t see the card in my dashboard, when I edit the dashboard, I see an entry for the card, the code is correct in the code editor, but the card doesn’t show graphically.

image

Something must be missing in my setup, but I can’t figure out what.

So in the screenshot, the custom card is on top, the default card below.

Hmm. This is how mine looks.

image

Since your custom card is not showing at all, it would indicate that one of your entities is not correct / missing

Thanks Dave, I’ll have a look.

BTW I work in the AMP building :slight_smile:

I edited the code, and removed any entity names that I couldn’t find in Configuration > Entities

All sensors that are listed below, exist as entities, I’ve checked the names by pasting it into the inteface and finding the corresponding entity .

I’ve refreshed the Cache with Control + F5
Restarted the server

Do I need to reload the BOM sensors?

type: custom:bom-weather-card
title: BOM Weather
entity_forecast_high_temp_1: sensor.carine_temp_max_1
entity_forecast_high_temp_2: sensor.carine_temp_max_2
entity_forecast_high_temp_3: sensor.carine_temp_max_3
entity_forecast_high_temp_4: sensor.carine_temp_max_4
entity_forecast_high_temp_5: sensor.carine_temp_max_5
entity_forecast_low_temp_1: sensor.carine_temp_min_1
entity_forecast_low_temp_2: sensor.carine_temp_min_2
entity_forecast_low_temp_3: sensor.carine_temp_min_3
entity_forecast_low_temp_4: sensor.carine_temp_min_4
entity_forecast_low_temp_5: sensor.carine_temp_min_5
entity_sun: sun.sun
entity_daytime_high: sensor.carine_temp_max_0
entity_daytime_low: sensor.carine_temp_min_0
entity_pop: sensor.carine_rain_chance_0
entity_pop_1: sensor.carine_rain_chance_1
entity_pop_2: sensor.carine_rain_chance_2
entity_pop_3: sensor.carine_rain_chance_3
entity_pop_4: sensor.carine_rain_chance_4
entity_pop_5: sensor.carine_rain_chance_5
large_icon_left_position: 0px
large_icon_top_margin: '-3.2em'
locale: en
old_daily_format: false
refresh_interval: 60
separator_top_margin: 6em
show_beaufort: false
show_decimals: false
show_separator: false
static_icons: false
summary_font_size: 0.8em
slot_l1: daytime_high
slot_l2: daytime_low
slot_l3: wind
slot_l4: pressure
slot_l5: sun_next
slot_r1: pop
slot_r2: humidity
slot_r3: uv_alert
slot_r4: fire_danger
slot_r5: sun_following
summary_top_padding: 2em
sunset: true
temp_font_size: 4em
temp_font_weight: 300
temp_right_pos: 0.85em
temp_top_margin: 0px
temp_uom_right_margin: 7px
temp_uom_top_margin: '-12px'
time_format: 24
tooltip_bg_color: rgb( 75,155,239)
tooltip_border_color: rgb(255,161,0)
tooltip_border_width: 1
tooltip_caret_size: 5
tooltip_fg_color: '#fff'
tooltip_left_offset: -12
tooltip_width: 110
tooltips: true

Best to check the ReadMe on the Github repo as I’m fairly sure there are some entries you must use. I notice you haven’t got:

entity_current_conditions:
entity_temperature:

or any of the icon entities

I can confirm that if you leave out either of the entries below the card won’t show.

My main dashboard uses ui-lovelace.yaml, but I find it handy to use the UI editor on a test tab to add new cards as the result is instant.

With the 2 lines:

Screen Shot 2021-12-09 at 16.56.50

Without:

Screen Shot 2021-12-09 at 16.49.50

My code if you are interested:

type: custom:bom-weather-card
title: BOM Weather
entity_current_conditions: sensor.rutherglen_icon_descriptor_0
entity_temperature: sensor.rutherglen_temp
entity_forecast_high_temp_1: sensor.rutherglen_temp_max_1
entity_forecast_high_temp_2: sensor.rutherglen_temp_max_2
entity_forecast_high_temp_3: sensor.rutherglen_temp_max_3
entity_forecast_high_temp_4: sensor.rutherglen_temp_max_4
entity_forecast_high_temp_5: sensor.rutherglen_temp_max_5
entity_forecast_icon_1: sensor.rutherglen_icon_descriptor_1
entity_forecast_icon_2: sensor.rutherglen_icon_descriptor_2
entity_forecast_icon_3: sensor.rutherglen_icon_descriptor_3
entity_forecast_icon_4: sensor.rutherglen_icon_descriptor_4
entity_forecast_icon_5: sensor.rutherglen_icon_descriptor_5
entity_forecast_low_temp_1: sensor.rutherglen_temp_min_1
entity_forecast_low_temp_2: sensor.rutherglen_temp_min_2
entity_forecast_low_temp_3: sensor.rutherglen_temp_min_3
entity_forecast_low_temp_4: sensor.rutherglen_temp_min_4
entity_forecast_low_temp_5: sensor.rutherglen_temp_min_5
entity_summary_1: sensor.rutherglen_extended_text_1
entity_summary_2: sensor.rutherglen_extended_text_2
entity_summary_3: sensor.rutherglen_extended_text_3
entity_summary_4: sensor.rutherglen_short_text_4
entity_summary_5: sensor.rutherglen_short_text_5
entity_sun: sun.sun
entity_wind_bearing: sensor.rutherglen_wind_direction
entity_wind_speed: sensor.rutherglen_wind_speed_kilometre
entity_wind_gust: sensor.rutherglen_gust_speed_kilometre
entity_daytime_high: sensor.rutherglen_temp_max_0
entity_daytime_low: sensor.rutherglen_temp_min_0
entity_pressure: sensor.outside_pressure_msl
entity_humidity: sensor.rutherglen_humidity
entity_apparent_temp: sensor.rutherglen_temp_feels_like
entity_daily_summary: sensor.rutherglen_extended_text_0
entity_pop: sensor.rutherglen_rain_chance_0
entity_pop_intensity: sensor.rutherglen_rain_since_9am
entity_possible_today: sensor.rutherglen_rain_amount_range_0
entity_pos_1: sensor.rutherglen_rain_amount_range_1
entity_pos_2: sensor.rutherglen_rain_amount_range_2
entity_pos_3: sensor.rutherglen_rain_amount_range_3
entity_pos_4: sensor.rutherglen_rain_amount_range_4
entity_pos_5: sensor.rutherglen_rain_amount_range_5
entity_pop_1: sensor.rutherglen_rain_chance_1
entity_pop_2: sensor.rutherglen_rain_chance_2
entity_pop_3: sensor.rutherglen_rain_chance_3
entity_pop_4: sensor.rutherglen_rain_chance_4
entity_pop_5: sensor.rutherglen_rain_chance_5
entity_current_text: sensor.bom_current_text
entity_uv_alert: sensor.bom_uv_alert
entity_fire_danger: sensor.bom_fire_danger
entity_uv_alert_summary: sensor.bom_uv_alert_summary
entity_fire_danger_summary: sensor.rutherglen_fire_danger_0
locale: en
sunset: true
static_icons: false
old_icon: false
tooltip_bg_color: rgb( 75,155,239)
tooltip_border_color: rgb(255,161,0)
tooltip_border_width: 1
tooltip_caret_size: 5
tooltip_fg_color: '#fff'
tooltip_left_offset: -12
tooltip_width: 110
tooltips: true
old_daily_format: false
time_format: 12
show_beaufort: false
refresh_interval: 60
show_separator: false
temp_top_margin: 0px
temp_font_weight: 300
temp_font_size: 4em
temp_right_pos: 0.85em
temp_uom_top_margin: '-12px'
temp_uom_right_margin: 7px
apparent_top_margin: 45px
apparent_right_pos: 1em
apparent_right_margin: 1em
current_text_top_margin: 4.5em
current_text_left_pos: 0px
current_text_font_size: 1.5em
current_text_alignment: center
current_text_width: 100%
current_data_top_margin: 10em
large_icon_top_margin: '-3.2em'
large_icon_left_position: 0px
separator_top_margin: 6em
summary_top_padding: 2em
summary_font_size: 0.8em
slot_l1: daytime_high
slot_l2: daytime_low
slot_l3: wind
slot_l4: pressure
slot_l5: sun_next
slot_r1: pop
slot_r2: humidity
slot_r3: uv_summary
slot_r4: fire_summary
slot_r5: sun_following

Correct. As the docs clearly say there are mandatory entities. If you leave them out no card for you.

OK there’s obviouslyn something that I’ve not done properly.
Card code (coiped from Dave’s and changed from Morley to Carine (notepad++)):

type: custom:bom-weather-card
title: BOM Weather
entity_current_conditions: sensor.carine_icon_descriptor_0
entity_temperature: sensor.hillarys_point_boat_harbour_temp
entity_forecast_high_temp_1: sensor.carine_temp_max_1
entity_forecast_high_temp_2: sensor.carine_temp_max_2
entity_forecast_high_temp_3: sensor.carine_temp_max_3
entity_forecast_high_temp_4: sensor.carine_temp_max_4
entity_forecast_high_temp_5: sensor.carine_temp_max_5
entity_forecast_icon_1: sensor.carine_icon_descriptor_1
entity_forecast_icon_2: sensor.carine_icon_descriptor_2
entity_forecast_icon_3: sensor.carine_icon_descriptor_3
entity_forecast_icon_4: sensor.carine_icon_descriptor_4
entity_forecast_icon_5: sensor.carine_icon_descriptor_5
entity_forecast_low_temp_1: sensor.carine_temp_min_1
entity_forecast_low_temp_2: sensor.carine_temp_min_2
entity_forecast_low_temp_3: sensor.carine_temp_min_3
entity_forecast_low_temp_4: sensor.carine_temp_min_4
entity_forecast_low_temp_5: sensor.carine_temp_min_5
entity_summary_1: sensor.carine_short_text_1
entity_summary_2: sensor.carine_short_text_2
entity_summary_3: sensor.carine_short_text_3
entity_summary_4: sensor.carine_short_text_4
entity_summary_5: sensor.carine_short_text_5
entity_sun: sun.sun
entity_daytime_high: sensor.carine_temp_max_0
entity_daytime_low: sensor.carine_temp_min_0
entity_wind_bearing: sensor.perth_wind_direction
entity_wind_speed: sensor.perth_wind_speed_kilometre
entity_wind_gust: sensor.perth_gust_speed_kilometre
entity_humidity: sensor.perth_humidity
entity_apparent_temp: sensor.perth_temp_feels_like
entity_daily_summary: sensor.carine_extended_text_0
entity_pop: sensor.carine_rain_chance_0
entity_pop_intensity: sensor.perth_rain_since_9am
entity_possible_today: sensor.carine_rain_amount_range_0
entity_pos_1: sensor.carine_rain_amount_range_1
entity_pos_2: sensor.carine_rain_amount_range_2
entity_pos_3: sensor.carine_rain_amount_range_3
entity_pos_4: sensor.carine_rain_amount_range_4
entity_pos_5: sensor.carine_rain_amount_range_5
entity_pop_1: sensor.carine_rain_chance_1
entity_pop_2: sensor.carine_rain_chance_2
entity_pop_3: sensor.carine_rain_chance_3
entity_pop_4: sensor.carine_rain_chance_4
entity_pop_5: sensor.carine_rain_chance_5
entity_fire_danger_summary: sensor.carine_fire_danger_0
large_icon_left_position: 0px
large_icon_top_margin: '-3.2em'
locale: en
old_daily_format: false
refresh_interval: 60
separator_top_margin: 6em
show_beaufort: false
show_decimals: false
show_separator: false
static_icons: false
summary_font_size: 0.8em
slot_l1: daytime_high
slot_l2: daytime_low
slot_l3: wind
slot_l4: pressure
slot_l5: sun_next
slot_r1: pop
slot_r2: humidity
slot_r3: uv_alert
slot_r4: fire_danger
slot_r5: sun_following
summary_top_padding: 2em
sunset: true
temp_font_size: 4em
temp_font_weight: 300
temp_right_pos: 0.85em
temp_top_margin: 0px
temp_uom_right_margin: 7px
temp_uom_top_margin: '-12px'
time_format: 24
tooltip_bg_color: rgb( 75,155,239)
tooltip_border_color: rgb(255,161,0)
tooltip_border_width: 1
tooltip_caret_size: 5
tooltip_fg_color: '#fff'
tooltip_left_offset: -12
tooltip_width: 110
tooltips: true

added the pointer to Davids repository as a resource for the dashboard.

the standard BOM card is installed and working for Carine

I assume that I’m missing something critical, but I can’t figure out what it is

Check all the entities you are parsing exist in dev tools

Hi @DavidFW1960,

I’m trying to use your weather card with the NWS integration and map the entities and attributes to the BOM equivalents. I have a functional card right now, but am having some difficulties with a number of the enhancements you added to the DarkSky card. Some are because there are no equivalent attributes, some are because of different units or set of wx conditions, and some could be residual bugs.

I’d like to solicit your help. Should I use this thread or start a new one?

Rob just create a github issue

1 Like

Hey there,

I have setup the custom weather card with the cool icons already.
How did you get the forecasted high and low added for the day?
I see you posted your code, but being new I am unsure how to make to make it work.

Thanks for your help

Have a look at the GitHub repository https://github.com/DavidFW1960/bom-weather-card and David’s original forum post. That should get you started.