Lovelace tempometer-gauge-card

A Home Assistant lovelace custom gauge card for barometer, thermometer, humidity meter or anything you want with custom icons.

Usage

Add this custom card to your home assistant instance. Reference it into your lovelace configuration.

  - type: js
    url: /local/lovelace/tempometer-gauge-card.js

Add it as a custom card to your lovelace : 'custom:tempometer-gauge-card'.

Options

• entity : (Required) The barometer entity to track.
• min : (Required) The gauge's minimum value
• max : (Required) The gauge's maximum value
• entity_min : (Optional) The entity that define the minimum pressure/temperature reached (you have to create this entity, the card will not compute it !)
• entity_max : (Optional) The entity that define the maximum pressure/temerature reached (you have to create this entity, the card will not compute it !)
• title : (Optional) Card title to show.
• style : (Optional) Set this to thermometer, humidity or custom to change icons. (Default will be barometer theme, custom will need icon1, icon2, icon3 !)
• icon1 : *(Optional) Icon on left side in custom style.
• icon2 : *(Optional) Icon on center in custom style.
• icon3 : *(Optional) Icon on right side in custom style.
• severity : (Optional) Severity map to change the gauge color. See above.

severity:
  green: 1020
  yellow: 1000
  red: 900

Tip

The maximum and minimum bounds have a hover tooltip with their own values.

Full examples

type: 'custom:tempometer-gauge-card'
entity: sensor.barometer
min: 980
max: 1050
entity_min: sensor.barometer_min_this_week
entity_max: sensor.barometer_max_this_week
title: Barometer
severity:
  green: 1020
  yellow: 1000
  red: 900

type: 'custom:tempometer-gauge-card'
entity: sensor.temperature
min: 15
max: 30
entity_min: sensor.temperature_min_this_week
entity_max: sensor.temperature_max_this_week
title: Thermometer
style: thermometer
severity:
  green: 22
  yellow: 24
  red: 27

type: 'custom:tempometer-gauge-card'
entity: sensor.power
min: 0
max: 4000
entity_min: sensor.power_min_this_week
entity_max: sensor.power_max_this_week
title: Power Meter
style: custom
icon1: mdi:flash-off
icon2: mdi:flash-outline
icon3: mdi:flash
severity:
  green: 1000
  yellow: 2000
  red: 3000

Maybe more to come ! PR are welcome and i can have a look to features requests.