I made a Room Climate Card for Home Assistant and would love some feedback

Hi everyone,

I’ve made a custom dashboard card for Home Assistant that can visualize temperature, humidity, CO2, and PM2.5 values from the sensors around your home.

It can also calculate a whole-home average, classify the values, display trends and daily min/max values, compare rooms, and a few other things. It is available in a few languages such as en, de, nl and in light and dark mode. Also, Fahrenheit as unit of measurement should work (but I have never had the chance to test it in a productive HA instance).

I’ve been developing and using the card myself for quite a while, but I eventually decided to make it public so other people can use it too. That is also why the first public release will be version 2.38.2 instead of starting at 1.0.

I spent quite some time making it customizable through YAML, and I hope the README helps with setting everything up.

There are still a few known issues. Most importantly, some four-digit CO2 values and two-digit PM2.5 values can get clipped in certain layouts. So yes, not exactly a rare edge case, hahaha.

Some optional features also require specifically configured template sensors, such as daily min/max values and trend entities. I will eventually share the templates I use on GitHub as well, since I learned that calculating actual daily min/max values instead of rolling 24-hour values is a little tricky in Home Assistant.

I’d honestly just be really happy to see someone else using the card in their dashboard. Screenshots of working setups would be great, but problems, bugs, and things that are confusing are just as helpful.

The card is still under active development, and I have a few more features planned. For now, though, I’d mainly like to see how it works outside my own little Home Assistant universe.

You can find the card, README, and installation instructions here:

It can be installed through HACS as a custom repository or downloaded manually.

Thanks a lot, and I hope some of you like it!

8 Likes

@hyperfelixations I really love that card and just installed it, but do not know where I might want to use it (yet). I only have used custo stuff for climate so far really - below are two scren shots of the UI-minimalist I use quite often - main screen -

and then if you click on the thermometer:

however I was thinnking about Radon, and since I have been in my basement office since covid (I love remote work!), I realized I better make sure I don’t have long term exposure to anything, so got a couple more sensors and built these screens:





Of course like with anything else you can go crazy with this stuff, butg some of the slightly more esoteric nomenclature is easy to forget,so in the third screen shot you’ll see a rollup card that is minimized that says “explanation” - which expands to this when you click on it (you get the idea):slight_smile:

Of course that is total overkill but that is what we are supposed to with Home Assistant, right? In any event, Love your card! Maye have some color coding options so people can make things gnarly colors if they want when things are bad numbers (or green when good etc.?)?

1 Like

Thank you so much for the feedback and the shared screenshots @KruseLuds!

I actually couldn’t resist from taking your numbers and rooms and putting them into my simulated card environment to produce two mockups of how it could look like on your temp screen. It is great that you have so many sensors!


It would also be great to see whether everything with Fahrenheit as unit of measurement works for you, since I was never able to try it in my productive HA instance.

You can actually customize the classification and colors with a custom profile in YAML (e.g., also if you prefer different optimal and comfort bands). However, I totally agree, currently the colors are more pastel-like colors but in a feature release I could definitely add a profile that has better colors in terms of showing when something is off.

Thanks again for sharing!

2 Likes

That’s a lot of graphs! …do you ‘doomscroll’ those screens? :rofl:

My sensors and settings are normally hidden behind dropdowns and I rely on alarms to warn me when a sensor is triggered eg:

Of course, I don’t see and trends that way (as you can).

I do like the compact nature of the @hyperfelixations card and will definitely give that a go.

edit: I should add that my ‘rooms’ are much simpler as below and mainly focusses on temp and humidity (I do have graphs for these though):

In order to help me know whether to open the window or not:

  • The line going through the temp bar cards is the outside temperature
  • The lines going through the humidity bars are what the outside R. humidity would be if inside that room (unique for each room due to the differing temperatures). As you can see, it is currently ‘drier’ and cooler outside (my windows can therefore be open).

In addition, I have an alarms to open/close the windows based on temp, RH and air quality.

2 Likes

That is a great setup @jchh!

I particularly like that you see the outside temperature relative to the indoor temperature. I really need that for my HA as well, I definitely want to implement something like “windows can be open now”. I have not found out how to integrate it with the room climate card so far (design-wise - such that the card is not overloaded), but the “can I open my window”-concern is definitely a very relevant one that I have as well!

As of now I just have two room climate cards next to each other, one with indoor temperature, one with outdoor temperature, that I need to manually compare - way too complicated! :smiley: - given HAs possibilites

Btw, today way too warm inside but it finally cooled down outside.

2 Likes

Hi @KruseLuds,

I just checked, basically you can just take the classifications (and also colors) that you already have on your classification screen and have the card use exactly those thresholds that you prefer.

You can copy the classification block from below (I configured it for humidity but it should work the same way for CO2 for example).

type: custom:room-climate-card
rooms:
  - name: Kitchen
    short: KI
    entity: sensor.kitchen_humidity
  - name: Bedroom
    short: BE
    entity: sensor.bedroom_humidity
  - name: Living Room
    short: LR
    entity: sensor.living_room_humidity
classification:
  source: custom
  unit: "%"
  comparison: ">="

  bands:
    comfort:
      min: 30
      max: 50
    optimal:
      min: 30
      max: 50

  scale:
    min: 20
    max: 70
    step: 5

  tiers:
    - min: 60
      score: 3
      level: Mold risk
      color: "#FF1744"
      zone: outside

    - min: 50
      score: 2
      level: Watch
      color: "#FF9800"
      zone: outside

    - min: 30
      score: 1
      level: Ideal
      color: "#00C853"
      zone: optimal

    - default: true
      score: 2
      level: Dry / Watch
      color: "#FF9800"
      zone: outside

Which should then yield this rendering (given some random numbers):

Hope that works but your idea is great and I added native color profiles to the backlog (as well as other PMx device classes). And btw using long-term averages as the main entity should work as well, I do that in my productive HA instance too :slight_smile:

1 Like