🧛

[SCO2-1][Tips]Some custom cards that can be used for CO2 display

⭐️Style 1

🗒️

You need to install the apexcharts-card plugin first, and it’s recommended to install it easily via HACS.

type: custom:apexcharts-card
graph_span: 24h
header:
  show: true
  title: 🏭CO₂ Level
  show_states: true
  colorize_states: true
span:
  start: day
now:
  show: true
yaxis:
  - id: ppm
    min: 400
    max: 2000
apex_config:
  chart:
    height: 250
  stroke:
    curve: smooth
  fill:
    type: gradient
    gradient:
      shadeIntensity: 0.3
      opacityFrom: 0.6
      opacityTo: 0.1
      stops:
        - 0
        - 90
        - 100
  annotations:
    yaxis:
      - "y": 800
        borderColor: "#00b894"
        label:
          text: Healthy ≤800ppm
          style:
            color: "#fff"
            background: "#00b894"
      - "y": 1000
        borderColor: "#fdcb6e"
        label:
          text: Caution 1000ppm
          style:
            color: "#fff"
            background: "#fdcb6e"
      - "y": 1500
        borderColor: "#d63031"
        label:
          text: Unhealthy ≥1500ppm
          style:
            color: "#fff"
            background: "#d63031"
series:
  - entity: sensor.screek_co2_sensor_1_f42bf4_scd40_co2
    name: CO₂
    color: "#00b894"
    yaxis_id: ppm

Style 2

🗒️

You need to install the mini-graph-card plugin first, and it’s recommended to install it easily via HACS.

type: custom:mini-graph-card
entities:
  - sensor.screek_co2_sensor_1_f42bf4_scd40_co2

Style 3

🗒️

You need to install the mini-graph-card plugin first, and it’s recommended to install it easily via HACS.

type: custom:mini-graph-card
entities:
  - entity: sensor.screek_co2_sensor_1_f42bf4_scd40_co2
name: SCD40 CO₂
hours_to_show: 24
points_per_hour: 1
show:
  labels: true
  legend: true
  name: true
  icon: true
  fill: fade
  extrema: true