I confirm that, but I create a lovelace card if you want : It displays, for each 10 minutes, if it’ll rain in function of the color of the card. You can see the code and an example:
cards:
- color_type: card
entity: sensor.city_next_rain
name: Now
show_icon: false
show_state: false
state:
- color: 'rgb(204, 217, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_0min == 2)
]]]
- color: 'rgb(128, 159, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_0min == 3)
]]]
- color: 'rgb(51, 102, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_0min == 4)
]]]
- color: 'rgb(255, 255, 255)'
operator: default
styles:
card:
- height: 50px
type: 'custom:button-card'
- color_type: card
entity: sensor.city_next_rain
name: 10
show_icon: false
show_state: false
state:
- color: 'rgb(204, 217, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_10min == 2)
]]]
- color: 'rgb(128, 159, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_10min == 3)
]]]
- color: 'rgb(51, 102, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_10min == 4)
]]]
- color: 'rgb(255, 255, 255)'
operator: default
styles:
card:
- height: 50px
type: 'custom:button-card'
- color_type: card
entity: sensor.city_next_rain
name: 20
show_icon: false
show_state: false
state:
- color: 'rgb(204, 217, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_20min == 2)
]]]
- color: 'rgb(128, 159, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_20min == 3)
]]]
- color: 'rgb(51, 102, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_20min == 4)
]]]
- color: 'rgb(255, 255, 255)'
operator: default
styles:
card:
- height: 50px
type: 'custom:button-card'
- color_type: card
entity: sensor.city_next_rain
name: 30
show_icon: false
show_state: false
state:
- color: 'rgb(204, 217, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_30min == 2)
]]]
- color: 'rgb(128, 159, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_30min == 3)
]]]
- color: 'rgb(51, 102, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_30min == 4)
]]]
- color: 'rgb(255, 255, 255)'
operator: default
styles:
card:
- height: 50px
type: 'custom:button-card'
- color_type: card
entity: sensor.city_next_rain
name: 40
show_icon: false
show_state: false
state:
- color: 'rgb(204, 217, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_40min == 2)
]]]
- color: 'rgb(128, 159, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_40min == 3)
]]]
- color: 'rgb(51, 102, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_40min == 4)
]]]
- color: 'rgb(255, 255, 255)'
operator: default
styles:
card:
- height: 50px
type: 'custom:button-card'
- color_type: card
entity: sensor.city_next_rain
name: 50
show_icon: false
show_state: false
state:
- color: 'rgb(204, 217, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_50min == 2)
]]]
- color: 'rgb(128, 159, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_50min == 3)
]]]
- color: 'rgb(51, 102, 255)'
operator: template
value: |
[[[
return states['sensor.city_next_rain'].attributes
&& (states['sensor.city_next_rain'].attributes.rain_level_50min == 4)
]]]
- color: 'rgb(255, 255, 255)'
operator: default
styles:
card:
- height: 50px
type: 'custom:button-card'
title: Pluie
type: horizontal-stack