CO2 Level Display

Configuration Frontend
1

Hello everyone, I am looking for a way to display the CO2 level, or see how you display this level ???
I like this display from green to red
What do you use ?

881×402 43.2 KB

Thanks

1 Like
2

I use this card.
Red: Danger-high CO2 concentration
Yellow: Deterioration of air - ventilate
Green: Fresh air-everything is fine
co2

3

visually recreating would be possible with picture elements card. Quite some work for all states, but could be very nice in the end.

4

Whats the name of the card?

5

This is the apexcharts-card

6

Hello Pepe59 how to set the color background ? I have the color area but not background ?
image

1 Like
7

You can try it like this. It’s been a long time since I’ve set up a card.

  annotations:
    position: back
    yaxis:
      - 'y': 0
        y2: 2500
        fillColor: '#ADFF2F'
8

Thanks! for the card name.

9

https://github.com/ucl-casa-ce/Open-Gauges/blob/2fd6fbbc3c6c82c99ff30c47e9b43cf975c3dacd/Graphics%20Files/CO2GaugeColour.png
A more physical option.

10

How did you code this? I’m guessing using ApexCharts but can you share your code please!