Verbraucher Rangliste (Power Ranking Card)

Custom Lovelace-Karte für Home Assistant, die alle Verbraucher (Entities mit Einheit W oder kW) absteigend nach aktueller Leistung als Rangliste mit animierten Balken anzeigt.

Datei in diesem Ordner: power-ranking-card.js

Installation

1. Datei nach `config/www/` kopieren

Die Datei power-ranking-card.js aus diesem Ordner in den www-Ordner der Home-Assistant-Konfiguration legen:

config/www/power-ranking-card.js

Alles unter config/www/ ist automatisch über /local/... erreichbar.

2. Dashboard-Resource anlegen

Einstellungen → Dashboards → Ressourcen (oben rechts, drei Punkte) → Ressource hinzufügen

Feld	Wert
URL	`/local/power-ranking-card.js?v=7`
Ressourcentyp	JavaScript-Modul (`module`)

Der ?v=7-Parameter ist ein reiner Cache-Buster. Wenn die Datei später aktualisiert wird, die Versionsnummer hochzählen (?v=8, ?v=9, …), damit Browser-Caches sie neu laden.

3. Karte im Dashboard einbinden

Als YAML-Karte in eine beliebige View/Section einfügen, z. B.:

type: custom:power-ranking-card
update_interval: 5
bar_duration: 1.2
title: "⚡ Verbraucher Rangliste"
min_watt: 1
max_items: 40
hide_name:
  - "*POWER CALC*"
  - "*Leistung*"
  - "*ENERGY*"
  - "*POWER*"
colors:
  - above: 2000
    color: "#e53935"
  - above: 500
    color: "#fb8c00"
  - above: 100
    color: "#fdd835"
  - above: 0
    color: "#43a047"
exclude:
  - "sensor.solcast_*"
  - "sensor.solarbank*"
  - "sensor.*netzbezug*"
  - "sensor.system_home_*"
  - "sensor.*akku*"
  - "sensor.badezimmer_*phase*"

Aktuell so im Einsatz auf dem Dashboard lovelace → View Energie.

Konfigurationsoptionen

Option	Typ	Standard	Beschreibung
`title`	string	`⚡ Verbraucher Rangliste`	Überschrift der Karte
`update_interval`	number (Sekunden)	`5`	Throttle: wie oft die Karte höchstens neu berechnet/gerendert wird
`bar_duration`	number (Sekunden)	`0.9`	Dauer der Balken-Animation bei Wertänderung
`min_watt`	number	`0`	Verbraucher unterhalb dieses Werts werden ausgeblendet
`max_items`	number	`20`	Maximale Anzahl angezeigter Zeilen
`pulse`	boolean	`true`	Kurzes Aufleuchten/Abdunkeln des Balkens bei Anstieg/Abfall
`colors`	list	siehe unten	Farbschwellen, absteigend sortiert. Erster Treffer (`watt > above`) gewinnt
`exclude`	list of strings	`[]`	Entities ausschließen (Entity-ID oder Name), `*` als Wildcard möglich
`hide_name`	list of strings (oder einzelner String)	`[]`	Textbausteine aus dem angezeigten Namen entfernen (Entity bleibt sichtbar), `*` als Wildcard möglich

Standard-Farbschwellen, falls colors nicht gesetzt ist:

colors:
  - { above: 2000, color: "#e53935" }
  - { above: 500,  color: "#fb8c00" }
  - { above: 100,  color: "#fdd835" }
  - { above: 0,    color: "#43a047" }

Datenquelle

Die Karte durchsucht automatisch alle hass.states nach Entities mit unit_of_measurement von W oder kW — es müssen keine Entities explizit angegeben werden. Über exclude und min_watt lässt sich die Liste eingrenzen, über hide_name lassen sich Namensbestandteile (z. B. technische Suffixe wie „POWER CALC“) aus der Anzeige entfernen, ohne die Entity selbst auszuschließen.

Update der Karte

power-ranking-card.js in diesem Ordner aktualisieren und committen.
Aktualisierte Datei nach config/www/power-ranking-card.js kopieren.
Versionsnummer in der Resource-URL hochzählen (z. B. ?v=8), damit der Browser die neue Version lädt statt der gecachten alten.

README.md