There’s a mix of card types here.
Compass card is visual editor to add. Requires wind vane to be in numerical degrees values output.
Windrose card also requires wind vane in numerical degrees value.
Temperature, humidity, wind speed & rain is Mini-graph card.
Here’s the code for temperature:
type: custom:mini-graph-card
hours_to_show: 24
points_per_hour: 5
line_width: 2
name: Temperature
icon: mdi:home
hour24: true
animate: true
entities:
- entity: sensor.weather_station_esp32_station_temperature
name: Measured
show_state: true
- entity: sensor.weather_station_esp32_feels_like_temperature
name: Feels like
show_state: true
- entity: sensor.weather_station_esp32_wind_chill
name: Wind chill
show_state: true
show_fill: false
show_line: false
show_points: false
show_legend: true
show:
name: true
extrema: true
average: true
fill: fade
icon: false
labels: hover
color_thresholds:
- value: 0
color: "#00A3FF"
- value: 15
color: "#00D084"
- value: 20
color: "#FF6900"
- value: 25
color: "#FF0000"
Here is the code for rain card today, only the time between midnight to now() is shown.
type: custom:config-template-card
entities:
- sensor.rain_daily
card:
type: custom:mini-graph-card
hours_to_show: |-
${
var date = new Date();
var curHour = date.getHours() + date.getMinutes()/60.0 + date.getSeconds()/3600.0;
curHour
}
points_per_hour: 5
line_width: 2
name: Rain today
icon: mdi:home
hour24: true
entities:
- entity: sensor.rain_daily
name: Rain today
show_state: true
unit: mm
color: cyan
show:
name: true
extrema: false
average: false
fill: fade
icon: false
labels: hover
This is the bar chart rain in the last 24 hours.
type: custom:mini-graph-card
hours_to_show: 24
points_per_hour: 2
line_width: 2
name: Rain -24hrs
icon: mdi:home
hour24: true
entities:
- entity: sensor.weather_station_esp32_station_rain
name: Total rain
show_state: true
color: cyan
show:
name: true
extrema: true
average: false
fill: fade
icon: false
labels: hover
graph: bar
The windrose card code:
I choose to use km/h instead of Beaufort measurement.
type: custom:windrose-card
title: Wind - 24 hour
show_current_direction_arrow: true
corner_info:
top_left:
label: Current windspeed
unit: " km/h"
entity: sensor.weather_station_esp32_station_wind_speed
data_period:
hours_to_show: 24
max_width: 400
refresh_interval: 60
windspeed_bar_location: bottom
windspeed_bar_full: true
wind_direction_entity:
entity: sensor.weather_station_esp32_station_wind_direction_bearing
direction_unit: degrees
use_statistics: false
direction_compensation: 0
windspeed_entities:
- entity: sensor.weather_station_esp32_station_wind_speed
name: Windspeed
speed_unit: kph
use_statistics: true
output_speed_unit: kph
input_speed_unit: kph
speed_range_beaufort: false
windrose_draw_north_offset: 0
cardinal_direction_letters: NESW
matching_strategy: direction-first
center_calm_percentage: false
speed_range_max: 25
speed_range_step: 2
colors:
rose_lines: grey
rose_direction_letters: Grey
rose_percentages: grey
bar_border: hsl(200, 100%, 60%)
bar_unit_name: grey
bar_name: grey
bar_unit_values: bar
bar_percentages: black
Horizon card:
type: custom:horizon-card
time_zone: Pacific/Auckland
time_format: 24
southern_flip: false