My climate section for Home Assistant

climate-section.yml

type: grid
cards:
  - type: heading
    heading: "Küche "
    heading_style: subtitle
    badges:
      - type: entity
        entity: sensor.xiaomi_cpa4_5604_pm25_density
      - type: entity
        show_state: true
        show_icon: true
        entity: binary_sensor.kuche_fenster_contact
        tap_action:
          action: more-info
  - type: custom:mini-graph-card
    layout_options:
      grid_columns: 2
      grid_rows: auto
    entities:
      - entity: sensor.kuche_klima_temperature
        smoothing: true
      - entity: binary_sensor.kuche_fenster_contact
        name: Fenster
        color: "#BDB"
        show_line: false
        show_points: false
        show_legend: false
        y_axis: secondary
        smoothing: false
    state_map:
      - value: "off"
        label: Clear
      - value: "on"
        label: Detected
    animate: true
    decimals: 1
    hours_to_show: 24
    hour24: true
    more_info: true
    points_per_hour: 6
    font_size: 80
    align_state: center
    show:
      average: true
      extrema: true
      fill: fade
      icon_adaptive_color: false
      labels: false
      labels_secondary: false
      legend: false
      points: false
      name: false
      icon: false
    color_thresholds:
      - value: 30
        color: "#ed333b"
      - value: 25
        color: "#ffa348"
      - value: 23
        color: "#f8e45c"
      - value: 20
        color: "#57e389"
      - value: 16
        color: "#62a0ea"
      - value: 15
        color: "#deddda"
  - type: custom:mini-graph-card
    layout_options:
      grid_columns: 2
      grid_rows: auto
    entities:
      - entity: sensor.kuche_klima_humidity
      - entity: binary_sensor.kuche_fenster_contact
        name: Fenster
        color: "#BDB"
        show_line: false
        show_points: false
        show_legend: false
        y_axis: secondary
        smoothing: false
    state_map:
      - value: "off"
        label: Clear
      - value: "on"
        label: Detected
    animate: true
    decimals: 0
    hours_to_show: 24
    hour24: true
    more_info: true
    points_per_hour: 6
    font_size: 80
    align_state: center
    show:
      average: true
      extrema: true
      fill: fade
      labels: false
      labels_secondary: false
      legend: false
      points: false
      name: false
      icon: false
    color_thresholds:
      - value: 70
        color: "#3c73a8"
      - value: 40
        color: "#57e389"
      - value: 0
        color: "#ed333b"

Built with the Lovelace Mini Graph Card
https://github.com/kalkih/mini-graph-card