Energy
Energy dashboard: consumption, solar, and related sensors. Shared as-is from my own Home Assistant dashboard for reference/inspiration — entity IDs, sensors, and automations are specific to my setup and won't work unmodified in yours.
- type: sections
max_columns: 4
title: Energy
path: energy
icon: mdi:lightning-bolt
subview: true
sections:
- type: grid
cards:
- type: energy-usage-graph
- type: energy-solar-graph
- type: energy-gas-graph
- type: energy-water-graph
- type: energy-sources-table
- type: grid
cards:
- type: energy-devices-detail-graph
- type: energy-devices-graph
- type: power-sources-graph
- type: grid
cards:
- type: energy-distribution
- type: energy-sankey
- type: power-sankey
- type: grid
cards:
- type: grid
columns: 2
square: false
cards:
- type: energy-grid-neutrality-gauge
- type: energy-solar-consumed-gauge
- type: energy-carbon-consumed-gauge
- type: energy-self-sufficiency-gauge
- type: grid
cards:
- type: energy-date-selection
card_mod:
style: |
ha-card {
z-index: 1;
position: fixed;
max-height: 40px;
min-width: 300px;
bottom: 15px;
padding-left: 0px;
}
column_span: 10
- type: grid
cards:
- type: custom:hki-navigation-card
position: bottom-right
offset_x: 12
offset_y: 20
button_size: 50
gap: 12
vertical_gap: 12
z_index: 5
base:
button:
id: 4e8c1d57-1c4c-48cb-83a0-447264197745
icon: mdi:home
tooltip: Home
label: ''
entity: input_boolean.kiosk_mode
button_type: icon
background: ''
background_opacity: ''
icon_color: ''
label_style: {}
pill_width: ''
tap_action:
action: navigate
navigation_path: /lovelace/home
hold_action:
action: none
double_tap_action:
action: toggle
horizontal:
enabled: true
columns: 6
buttons:
- id: e1b058dd-45fb-4395-b48a-75dbfb98c0e8
icon: mdi:floor-plan
tooltip: ''
label: Rooms
entity: ''
button_type: ''
background: ''
background_opacity: ''
icon_color: ''
label_style: {}
pill_width: ''
conditions_mode: all
conditions: []
tap_action:
action: navigate
navigation_path: /lovelace/rooms
hold_action:
action: none
double_tap_action:
action: none
- id: b6cbacab-fcf7-41be-a009-6d9961181441
icon: mdi:chevron-left
tooltip: Overview
label: ''
entity: ''
button_type: icon
background: DarkOrange
background_opacity: ''
icon_color: ''
label_style: {}
pill_width: ''
conditions_mode: all
conditions: []
tap_action:
action: back
navigation_path: /lovelace/rooms
hold_action:
action: none
double_tap_action:
action: none
vertical:
enabled: false
rows: 6
buttons:
- id: e1fd568d-f004-44c3-9207-cf3458f8d84f
icon: mdi:cog
tooltip: Settings
label: Settings
entity: ''
button_type: pill
background: ''
background_opacity: ''
icon_color: ''
label_style: {}
pill_width: ''
conditions_mode: all
conditions: []
tap_action:
action: navigate
navigation_path: /config
hold_action:
action: none
double_tap_action:
action: none
default_background: ''
default_button_opacity: 1
default_icon_color: ''
button_box_shadow: 0 8px 24px rgba(0, 0, 0, 0.35)
button_box_shadow_hover: 0 10px 30px rgba(0, 0, 0, 0.42)
default_button_type: icon
label_style:
font_size: 12
font_weight: 600
letter_spacing: 0
text_transform: none
color: ''
background: ''
background_opacity: 0.72
padding_x: 10
padding_y: 6
border_radius: 999
backdrop_blur: 8
max_width: 220
pill_width: 0
center_spread: false
offset_x_mobile: null
offset_x_tablet: null
offset_x_desktop: null
bottom_bar_enabled: false
bottom_bar_height: 85
bottom_bar_color: rgb(var(--rgb-card-background-color, 0,0,0))
bottom_bar_opacity: 0.85
bottom_bar_full_width: false
bottom_bar_border_radius: 0
bottom_bar_box_shadow: ''
bottom_bar_bottom_offset: 0
bottom_bar_margin_left: 0
bottom_bar_margin_right: 0
bottom_bar_border_width: 0
bottom_bar_border_style: solid
bottom_bar_border_color: ''
header:
card:
type: custom:hki-header-card
title: Energy
subtitle: Dashboard
background: >-
https://img.freepik.com/free-photo/sunset-sky-powers-wind-solar-energy-generated-by-ai_188544-26193.jpg?size=626&ext=jpg&ga=GA1.1.1518270500.1717459200&semt=ais_user
max_height: 270
badges_gap: 30
badges_fixed: true
top_bar_left:
type: custom
offset_x: 0
custom:
card:
type: custom:hki-notification-card
use_header_styling: true
show_background: false
show_empty: true
display_mode: ticker
animation: bounce
direction: right
time_format: '24'
entity: sensor.hki_notify_main
top_bar_right:
type: weather
weather:
entity: weather.openweathermap
show_icon: true
show_humidity: false
show_wind: false
show_pressure: false
icon_color_mode: state
animate_icon: none
actions:
tap_action:
action: more-info
entity: weather.buienradar
layout: center
badges_position: bottom
badges_wrap: wrap
cards: []
badges:
- type: custom:mushroom-template-badge
icon: mdi:lightning-bolt
entity: sensor.p1_meter_power
content: '{{ states(''sensor.p1_meter_power'') }} W'
color: darkorange
- type: custom:mushroom-template-badge
icon: mdi:solar-panel
entity: sensor.envoy_122310012919_current_power_production
content: '{{ states(''sensor.envoy_122310012919_current_power_production'') }} W'
color: goldenrod
- type: custom:mushroom-template-badge
icon: mdi:water
entity: sensor.watermeter_water_usage
content: '{{ states(''sensor.watermeter_water_usage'') }} l/min'
color: dodgerblue
- type: custom:mushroom-template-badge
icon: mdi:gas-burner
entity: sensor.gas_meter_gas
content: '{{ states(''sensor.gas_verbruik_vandaag'') }} m³'
color: red