Example 11: Boiler and Electricity cards¶

Light example using Home Assistant Material 3 theme c11 (Purple)

Dark example using Home Assistant Material 3 theme c11 (Purple)

Visualization¶

This visualization shows colorful boiler and electricity cards with possibly very "Dutch/European" integrations.

The second card has the data from my 3 phase smart meter. My 4 kWp solar system is disconnected, so you don't see any returned power.

Boiler¶

It shows a thermostat with some extra data (heat/hot water active) and the boilers' setpoints and actual measured temperatures.

The thermostat card uses two overlayed segmented arcs: - One (with scale) for the actual room temperature measured by the thermostat - One (white, no scale, superimposed on previous segarc) for the setpoint.

You can see the setpoint in the screenshot: the room temperature is 19.6 degrees celcius and the setpoint is 20.0 degrees celcius. The latter one is a smaller segarc.

Electricity¶

The electricity card shows my 230V/3x25A smart meter data where the upper segmented arc shows the delivered (from the grid) electricity, and the lower part the returned (to the grid) electricity from for instance a solar system.

In my case, my 4 kWp solar systems converter delivers up to 3680 W (230V / 16A) and is connected to a single phase (L3).

Used Home Assistant Integrations¶

• Boiler: OpenTherm Gateway integration. I'm using both a MQTT based integration and the official OpenTherm Gateway integration.
• Electricity: DSMR smart meter readings using the separate DSMR Reader application, ie the DMSR Reader integration which uses MQTT to transfer the data to Home Assistant.

How to make it work in your own installation¶

Both boiler and electricity are quite specific, but give you a nice idea what is possible to control a thermostat for instance.

Boiler (top two cards)¶

Required Home Assistant Integrations
OpenTherm Gateway integration

Required Home Assistant Entity Changes
The OpenTherm Integration uses a name for the thermostat, in my case, this is calenta. If you also use the OpenTherm Integration, replace calenta with your own installation name. In other cases, you should be able to customize entities for your own thermostat/boiler configuration.

The entities for the first card of the boiler:

• The first entity is the current room temperature (sensor.room_temp_thermostat_calenta)
• The last is just a random Zigbee sensor showing the current humidity inside (sensor.studym_iaq_humidity)
• The other sensors are to control the thermostat (room_setpoint_thermostat_calenta) using the slider and the boiler active / flame / hot water requests.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20

- type: 'custom:swiss-army-knife-card'
  entities:
    - entity: sensor.room_temp_thermostat_calenta
      name: Actueel
    - entity: binary_sensor.slave_ch_active_boiler_calenta
      icon: 'mdi:radiator'
      name: Warmtevraag?
    - entity: binary_sensor.slave_dhw_active_boiler_calenta
      icon: 'mdi:shower'
      name: WW vraag?
    - entity: binary_sensor.slave_flame_on_boiler_calenta
      icon: 'mdi:fire'
      name: Brander Aan?
    - entity: sensor.room_setpoint_thermostat_calenta
      icon: 'mdi:thermostat-box'
      name: Gewenst
      decimals: 1
    - entity: sensor.studym_iaq_humidity
      unit: '%'
      decimals: 0

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

- type: 'custom:swiss-army-knife-card'
  entities:
    - entity: binary_sensor.slave_flame_on_boiler_calenta
      icon: 'mdi:fire'
      name: Brander Aan?
    - entity: sensor.control_setpoint_boiler_calenta
      name: Setpoint
      decimals: 1
    - entity: sensor.ch_water_temp_boiler_calenta
      name: Actual
      decimals: 1
    - entity: sensor.return_water_temp_boiler_calenta
      name: Return
      decimals: 1

Electricity¶

Required Integrations
- DMSR Reader integration

Required Entity Changes
If you are using the DSMR Reader integration, no changes are necessary for the electricity part.

The DSMR Reader integration generates generic sensor entities:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

- type: 'custom:swiss-army-knife-card'
  entities:
    #Total
    - entity: sensor.dsmr_reading_electricity_currently_delivered
      decimals: 3
      name: 'Total'
      area: 'Tha Moon'
    - entity: sensor.dsmr_reading_electricity_currently_returned
      decimals: 3
    #L1
    - entity:  sensor.dsmr_reading_phase_currently_delivered_l1
      name: 'L1'
      decimals: 3
    - entity:  sensor.dsmr_reading_phase_currently_returned_l1
      decimals: 3
    #L2
    - entity:  sensor.dsmr_reading_phase_currently_delivered_l2
      name: 'L2'
      decimals: 3
    - entity:  sensor.dsmr_reading_phase_currently_returned_l2
      decimals: 3
    #L3
    - entity:  sensor.dsmr_reading_phase_currently_delivered_l3
      name: 'L3'
      decimals: 3
    - entity:  sensor.dsmr_reading_phase_currently_returned_l3
      decimals: 3

Interactions¶

• The slider for the thermostat will set the temperature using the climate.set_temperature service for my climate.calenta boiler entity in 0.5 degrees Celcius steps and a range between 17..23 degrees Celcius.
• All tools support by default the "more-info" dialog once clicked.

View and Card Configuration¶

Lovelace view¶

Decluttering templates¶

None.

SAK templates¶

This view uses a template for the electricity card.

The four parts therefore can use the same definition:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

  # ================================================================
  - toolset: totals
    template:
      name: toolset_electricity_delivered_returned
      variables:
        - entity_delivered: 0
        - entity_returned: 1
        - cx: 30
        - cy: 50

  # ================================================================
  - toolset: L1
    template:
      name: toolset_electricity_delivered_returned
      variables:
        - entity_delivered: 2
        - entity_returned: 3
        - cx: 80
        - cy: 50
        - opacity: 0.7

  # ================================================================
  - toolset: L2
    template:
      name: toolset_electricity_delivered_returned
      variables:
        - entity_delivered: 4
        - entity_returned: 5
        - cx: 125
        - cy: 50
        - opacity: 0.7

  # ================================================================
  - toolset: L3
    template:
      name: toolset_electricity_delivered_returned
      variables:
        - entity_delivered: 6
        - entity_returned: 7
        - cx: 170
        - cy: 50
        - opacity: 0.7