Room Climate Card

Share your Projects! Dashboards & Frontend
1

Hello together,

I’ve been browsing the forum for some time to find my perfect combination for a room climate card.

Animation

At the end of my search I have built from several fontend integrations a (hopefully also for you) quite decent card together.
In addition to the room climate with the temperature of the thermostat and a separatem temperature / humidity sensor, the individual battery statuses of the devices in the zone are also displayed with a right swipe.

The code is certainly not perfect and it would be even more possible, but so far I’m satisfied and it works.

What you need:

  • vertical-stack-in-card (also works without, but looks better with)
  • swipe-card
  • simple-thermostat
  • mini-graph-card
  • and of course devices like a thermostat

simply add a manual card (bottom item) - and insert the code. then change the individual names and entities and you’re done.
code to apply:

cards:
  - type: custom:vertical-stack-in-card
    cards:
      - type: custom:swipe-card
        cards:
          - entity: climate.homematicip_accesspoint_wohnzimmer_zone
            name: Heizung Wohnzimmer
            layout:
              step: row
              mode:
                names: true
                icons: true
                headings: true
            control:
              hvac:
                heat: true
                auto: true
              preset:
                boost: true
                Arbeitswoche: false
                Sommer: false
            type: custom:simple-thermostat
            header:
              name: Heizung Wohzimmer
          - type: entities
            entities:
              - entity: binary_sensor.homematicip_accesspoint_fensterkontakt_battery_2
                name: Fensterkontakt
              - entity: >-
                  binary_sensor.homematicip_accesspoint_thermostat_wohnzimmer_battery
                name: Thermostat
              - entity: sensor.tuya_sensor_1_battery
                name: Tuya Sensor
              - entity: sensor.0xb43a31fffe54dd94_battery
                name: Ikea Fernbedienung
            title: Batterizustände
      - align_state: center
        type: custom:mini-graph-card
        entities:
          - color: green
            entity: sensor.homematicip_accesspoint_thermostat_wohnzimmer_temperature
            name: Temperatur
          - color: red
            entity: sensor.tuya_sensor_1_temperature
            name: Temperatur (Tuya)
          - color: '#3399FF'
            entity: sensor.tuya_sensor_1_humidity
            name: Luftfeuchtigkeit
            y_axis: secondary
        show:
          graph: line
          legend: true
          extrema: true
          labels: true
        hours_to_show: 48
        points_per_hour: 4
        animate: true
type: custom:vertical-stack-in-card
6 Likes