Bar Card: baterías de los sensores de un vistazo

Descripción general

Bar Card muestra valores numéricos como barras de progreso animadas, horizontales o verticales, con colores que cambian según el valor. Es ideal para porcentajes: baterías, depósitos, humedad, ocupación de discos…

Varios ejemplos animados de Bar Card con barras horizontales y verticales — Barras horizontales, verticales y en columnas.

Barra que cambia de color al subir el valor — Colores por umbral (*severity*).

Imágenes: Bar Card de custom-cards, licencia MIT.

Requisitos

Sensores numéricos, por ejemplo de batería en %.
HACS → «Bar Card» → Descargar y recarga el navegador.
Repositorio: custom-cards/bar-card.

Ideas de uso

Baterías de todos los sensores, en rojo las que estén por debajo del 20 %. Es el ejemplo de abajo.
Depósito de agua o gasoil en vertical, como si fuera el propio depósito.
Disco del NAS y de Home Assistant, en ámbar a partir del 80 % de ocupación.
Humedad de las macetas, con verde en el rango bueno y rosa si está seca.
Carga del coche eléctrico con el porcentaje objetivo como máximo.
Calidad del aire (CO₂) por habitación, en columnas, para ver de un vistazo dónde ventilar.

Ejemplo de uso

type: custom:bar-card
title: Baterías
min: 0
max: 100
height: 28px
entities:
  - entity: sensor.puerta_entrada_bateria
    name: Puerta entrada
  - entity: sensor.movimiento_pasillo_bateria
    name: Movimiento pasillo
  - entity: sensor.termometro_salon_bateria
    name: Termómetro salón
severity:
  - color: "#D9467A"
    from: 0
    to: 20
  - color: "#F2B84B"
    from: 20
    to: 40
  - color: "#34D1BF"
    from: 40
    to: 100

Cómo funciona:

min y max definen la escala de la barra.
severity pinta la barra según el valor: rosa por debajo del 20 %, ámbar hasta el 40 % y verde agua por encima.
Cada entidad admite su propio nombre, icono, color y límites. Con direction: up las barras pasan a ser verticales.

Acción

Puerta 15 % · Pasillo 35 % · Salón 80 %

Resultado

Barra rosa · barra ámbar · barra verde agua