Lovelace mini-gauge-card

A Home Assistant lovelace custom mini gauge card for any measurement.

Usage

Add this card via HACS (recommended) HACS custom repositories add https://github.com/radimkeseg/lovelace-mini-gauge-card

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

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

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

Options

Card options

Option	Type	Description
entity (required)	string	an entity to track, make sure the entity state is a number
min (required)	number	minimum value of the gauge
max (required)	number	maximum value of the gauge
measurement	string	custom unit of measurement
scale	number	sizing factor, default = 1
decimals	number	decimal precision of entity value.
stroke	number	width of the curved bar indicator, default = 5
severity	severity object	Severity map to change the gauge color.

Severity object

Option	Type	Description
green	number	Value for the color green.
green_L	number	Value for the color green.
green_H	number	Value for the color green.
yellow	number	Value for the color yellow.
yellow_L	number	Value for the color yellow.
yellow_H	number	Value for the color yellow.
red	number	Value for the color red.
red_L	number	Value for the color red.
red_H	number	Value for the color red.

An example for a picture-element:

type: picture-elements
elements:
  - type: custom:mini-gauge-card
    max: 30
    min: 15
    measurement: °C
    entity: sensor.esp_osmo_01_temp
    scale: 1
    severity:
      green: 20
      yellow: 25
      red: 28	
    style:
      top: 20%
      left: 63%

An example for a card:

type: custom:thermo-valve-gauge
max: 25
min: 15
measurement: °C
entity: sensor.esp_osmo_01_temp
scale: 2

Time to time upgrading, mainly for my own purpose, anyway feel free to reuse ! PRs are welcome ;).