⚡ Power Flux Card für Home Assistant (Power Flow Card) - HACS

[jayjojayson]

Power Flux Card

Heute möchte ich euch mein neues Projekt vorstellen. Ich sitze nun schon wieder eine Weile daran und es war nicht ganz leicht die gewünschten Funktionen für beide Ansichten umzusetzen. Letztlich bin ich bei einer doppelten inneren Berechnung gelandet. Aber das soll euch nicht weiter interessiert. Jedenfalls bin ich schon länger auf der Suche, neben einer optisch ansprechenden Lösung für den Power Flow, eine Ansicht ganz ähnlich zu evcc zu erhalten. Das Ergebnis ist meine „kompakte Ansicht“ – schlicht, funktional und übersichtlich. Probiert es gerne aus, ich denke einen Power Flow werden viele in irgendeiner Art und Weise realisiert haben oder in Zukunft wollen.

Premiere mit Smart-Live

Ich hatte im Vorfeld schon Kontakt mit Udo von Smart-Live. Ich habe ihn gefragt, wie er die Card findet und ob er vielleicht Lust hätte, darüber zu berichten. Die Card scheint bei ihm ziemlich gut angekommen zu sein!

Udo hat nun netterweise ein Video dazu erstellt, in dem er wie gewohnt detailliert auf alle Funktionen eingeht. Wir haben uns abgesprochen, das Video und die Card gleichzeitig zu veröffentlichen. Schaut also gerne das Video an, ich bin auch schon gespannt, habe es selber noch nicht gesehen.

Die Power Flux Card ist eine erweiterte, animierte Energiefluss-Karte für Home Assistant. Sie visualisiert die Energieverteilung zwischen Solar, Netz, Batterie und Verbrauchern mit wunderschönen Neon-Effekten und verschiedenen Animationen.

Wenn euch die Card gefällt, würde ich mich sehr über einen Stern auf github freuen.

weitere Möglichkeiten und Ansichten:

Funktionen

• Echtzeit-Animation: Visualisiert den Energiefluss mit bewegten Partikeln.
• Mehrere Quellen & Verbraucher: Unterstützt Solar, Netz, Batterie und bis zu 5 zusätzliche Verbraucher (z.B. E-Auto, Heizung, Pool).
• Bidirektionale Verbraucher: Jeder Verbraucher kann auch als Erzeuger fungieren — wird sein Sensorwert invertiert, kehrt sich die Flussrichtung um und speist sichtbar ins Haus ein (z.B. für einen zweiten Solar-/Hybrid-Wechselrichter als „Verbraucher").
• Mehrere Layouts: Neben der Standard-Ansicht stehen eine horizontale (um 90° gedrehte) und eine Diamant-Ansicht (Solar oben, Netz links, Batterie rechts, Haus unten) zur Verfügung.
• Kompakte Ansicht: Eine minimalistische Balkendiagramm-Ansicht (inspiriert von evcc).
• Anpassbares Aussehen:
  • Neon Glow: Leuchteffekte für aktive Stromleitungen.
  • Donut Chart: Optionales Donut-Diagramm um das Haus-Icon, das den Energiemix zeigt.
  • Kometenschweif / Gestrichelte Linien: Wählen Sie Ihren bevorzugten Animationsstil.
  • Zoom: Anpassbare Größe für Ihr Dashboard.
  • Benutzerdefinierte Farben: Definiere benutzerdefinierte Farben für jede Quelle und jeden Verbraucher über den Editor.
  • Hintergrundfarbe: Aktiviere einen leicht getönten Hintergrund für die Kreise in der Standard-Ansicht.
  • Boxen statt Kreise: Stelle alle Knoten als Boxen mit runden Ecken statt als Kreise dar.
• Dynamische Animationsgeschwindigkeit: Partikelgeschwindigkeit und -dichte passen sich dem aktuellen Energiefluss an.
• Weitere Informationen: Klicke auf eine beliebige Quelle/Verbraucher, um detaillierte Informationen in einem More-Info-Dialog anzuzeigen.
• Netz-Import/Export: Unterstützt sowohl separate Import/Export-Entitäten als auch eine kombinierte Entität mit positiven/negativen Werten.
• Netz-zu-Batterie: Optionaler direkter Sensor für den Netz-zu-Batterie-Fluss, der die Standardberechnung umgeht.
• Sekundäre Sensoren: Optional können sekundäre Sensorwerte in den Hauptkreisen (z.B. Tagesertrag für Solar, aktuelle Lade-/Entladeleistung für Batterie) angezeigt werden.
• Lokalisierung: Vollständig übersetzt in Deutsch und Englisch.
• Visueller Editor: Einfache Konfiguration über die Home Assistant UI.

---

Installation

HACS (Empfohlen)

• Das github über den Link in Home Assistant einfügen.

  

• Das „Power Flux Card“ sollte nun in HACS verfügbar sein. Klicke auf „INSTALLIEREN“.

• Die Ressource wird automatisch zu deiner Lovelace-Konfiguration hinzugefügt.

Manuelle Installation über HACS

HACS (manuell)

1. Stelle sicher, dass HACS installiert ist.
2. Füge dieses Repository als benutzerdefiniertes Repository in HACS hinzu.
3. Suche nach „Power Flux Card“ und installieren Sie es.
4. Lade die Ressourcen neu, falls Sie dazu aufgefordert werden.

Manuelle Installation in HA

Manuelle Installation

1. Lade die Datei power-flux-card.js von der Releases-Seite herunter.
2. Lade sie in Ihren www/community/power-flux-card/-Ordner in Home Assistant hoch.
3. Füge die Ressource in Ihrer Dashboard-Konfiguration hinzu:
   • URL: /local/community/power-flux-card/power-flux-card.js
   • Typ: JavaScript Module

---

Konfiguration

Du kannst die Karte direkt über den visuellen Editor in Home Assistant konfigurieren.

Haupt-Entitäten:

• Solar: Erzeugung (W).
• Netz: Netzleistung (W). Positiv = Import, Negativ = Export (oder separate Entitäten).
• Batterie: Batterieleistung (W) und Ladestand (%).

Zusätzliche Verbraucher:

• Du kannst bis zu 5 individuelle Verbraucher (z.B. Auto, Heizung, Pool) mit eigenen Icons, Farben und Beschriftungen hinzufügen.

Optionen:

• Zoom: Passen Sie die Größe der Karte an.
• Neon Glow: Aktivieren/Deaktivieren des Leuchteffekts.
• Donut Chart: Zeigt den Energiemix als Ring um das Haus an.
• Kometenschweif / Gestrichelte Linie: Ändern Sie den Stil der Flussanimation.
• Kompakte Ansicht: Wechseln Sie zum Balkendiagramm-Layout. Optionen: Detailtabelle, Neon Glow, Icons in die Klammern setzen — die Icons wandern aus dem Inneren der Klammern mittig auf die Klammerlinie und unterbrechen sie — sowie Einspeisung in den Balken aufnehmen — dabei wandert die Einspeisung als eigenes Segment in den mittleren Balken, und Solar/Batterie zeigen nur noch den im Haus genutzten Anteil.
• Horizontale / Diamant-Ansicht: Alternative Layouts zur Standard-Ansicht — um 90° gedreht (horizontal) oder mit Solar oben, Netz links und Batterie rechts (Diamant).
• Boxen statt Kreise: Stellt die Knoten als Boxen mit runden Ecken statt als Kreise dar.
• Farboptionen: Definieren Sie benutzerdefinierte Farben für jede Quelle und Verbraucher. Bei aktivierter kompakter Ansicht bietet der Batterie-Tab zwei vollständige Farbzeilen (Ladung und Entladung) mit jeweils Bubble, Pipe, Text, Icon und Secondary.

Farbrollen in der kompakten Ansicht: Jedes Farbfeld hat ein festes Ziel — Bubble = Balkensegment, Pipe = Klammerlinie, Icon = Symbole, Text = Wert, Secondary = Beschriftung in der Detailliste. Die Klammerlinie folgt weiterhin der Icon-Farbe, solange keine eigene Pipe-Farbe gesetzt ist.

• Netz-Import/Export: Konfigurieren Sie separate oder kombinierte Entitäten.
• Netzwert umkehren: Für Wechselrichter, die Export positiv und Import negativ melden.
• Netz-zu-Batterie: Optionaler direkter Sensor für den Netz-zu-Batterie-Fluss.
• Batterie getrennte Sensoren: Optional separate Sensoren für Batterie-Ladung und -Entladung.
• Sekundäre Sensoren: Zeigen Sie alternative Werte in den Hauptkreisen an (z.B. Tagesertrag, aktuelle Ladeleistung). Bei den Verbrauchern und beim Gesamtverbrauch lässt sich zusätzlich ein dritter Sensor konfigurieren — beide teilen sich eine Zeile, getrennt durch /, und nutzen die Secondary-Farbe.

Wie immer ziemlich frei konfigurierbar.

---

---

GitHub - jayjojayson/power-flux-card: ⚡ Power Flow Card - display your animated Power...

[mafe68]

Habe mir gearde das Video angesehen von Udo wie man die Power Flux Card installiert und einrichtet, super Arbeit von euch beiden was die Entwicklung der Card angeht und das Video zur Einrichtung!
Ich Persönlich halte mein HA eher schlicht und einfach und bin nicht so für das Bunte, anderen wird das sicher ansprechen und werden sich freuen über die Flux Card!
Jan danke wieder mal für deine Zeit die du für solche Projekte invertierst!
Ein weiterer Stern ist im Repo erschienen!

[Nicknol]

wow - eine klasse Alternative zu den existierenden, und teilweise veralteten Power/Energy-Flow Karten

und Du @jayjojayson bist ja für Vorschläge und Hinweise immer so zugänglich das werden wir ausnutzen

[Nicknol]

Hier die ersten Ideen/Vorschläge/Fragen:

• ist die Geschwindigkeit oder Anzahl der Partikel proportional zur fließenden Energiemenge? Falls nicht, …, bitte bitte
• Falls ein Ziel ein E-Auto ist, würde ich dort gerne auch den SOC sehen
• Wie lasse ich Energie aus PV/Grid direkt in die Batterie fließen, also nicht übers Haus?

[jayjojayson]

Hi, ging ja schnell.. danke erst einmal für euer Feedback, freut mich, wenn sie euch gefällt. Gerade auch die evcc Ansicht, denke hat ihren Reiz.

Zu deinen Fragen:

Aktuell bewegen sich noch mit einer festen Geschwindigkeit, aber war mir schon klar, dass die Frage kommt und steht daher auch auf meiner Liste. Die Umsetzung ist aber nicht ganz leicht, weil das dann für jede „Röhre“ einzeln berechnet werden muss. Wird aber kommen.

Mit dem SoC beim E-Auto ist ein gute Idee, hatte ich bisher nicht bedacht!

Wie schaut dein Sensor (Werte) für die Batterie aus? Wenn die Batterie geladen wird, dann sollte die Animation von PV zur Batterie laufen. Wenn die Batterie entladen wird, dann die Energie ins Haus fließen. Der Sensor kann unter Batterie im Card Editor invertiert werden. Vom Grid zu Batterie die kurze Röhre wird berechnet und kann aktuell nicht direkt hinterlegt werden.

[mafe68]

Bei der Power Flow Card Plus ist das so, wenn das Auto angesteckt und geladen wird kommt auch der SOC Wert des Auto Akku, sonst habe ich dort nur den Wert drin von der letzten Ladung! Am Bild jetzt zu sehen wenn das Auto nicht angesteckt ist!

[SmartLive]

@jayjojayson Auf FB kann prompt die Frage, ob man innerhalb des Kreises weitere Werte konfigurieren kann. Vlt. auch was für die Feature Request Liste? Da wird eben sehr stark mit der Power Flow Plus Karte verglichen.

[geloeschterUser1]

Werde die sicher ausprobieren, grade weil ich noch 3 Verbraucher angeben kann, da ich zwei „Direkt- Inseln“ (hier sind die Verbraucher direkt per Schuko an den Inverter dran (bekannt aus dem KFZ-Bereich) habe, sehe ich beim Netzbezug (inseln nicht aktiv) einmal die Angabe vom Shelly3em und die des Inverters.

Mit der Power Flux Karte kann ich das besser aufteilen

[geloeschterUser1]

Irgendwie wird der Import (shelly3em pro) an das „Solarfeld“ geleitet und nicht in Haus

Solar in Batterie ist Korrekt

[Nicknol]

Ein bisschen Feedback nach erster Einrichtung:

• im „light mode“ wären kräftigere/dunklere Farbvarianten besser lesbar
• Die Karteninhalte wirken nicht zentriert.
• Die Animationsrichrtung von PV zum Netz läuft falsch herum. Sie suggeriert, dass das Netz in die PV einspeist
• mein Auto bzw Wallbox wird nicht angezeigt

Der Code:

type: custom:power-flux-card
zoom: 0.8
compact_view: false
show_donut_border: false
show_neon_glow: false
show_comet_tail: false
show_dashed_line: true
show_tinted_background: false
hide_inactive_flows: true
show_flow_rate_solar: true
show_flow_rate_grid: true
show_flow_rate_battery: true
show_label_solar: false
show_label_grid: false
show_label_battery: false
show_label_house: false
use_colored_values: true
hide_consumer_icons: false
entities:
  solar: sensor.solarpower_gesamt
  grid: sensor.e3dc_grid_power_in
  grid_export: sensor.e3dc_grid_power_out
  battery: sensor.e3dc_battery_power
  battery_soc: sensor.e3dc_battery_soc
  house: sensor.power_total_consupmtion
  consumer_1: sensor.e3dc_wallbox_power
  consumer_2: ""
  consumer_3: ""
solar_label: PV
grid_label: Netz
grid_icon: mdi:transmission-tower
battery_label: Batterie
consumer_1_label: Auto
consumer_1_icon: mdi:car-electric-outline

[geloeschterUser1]

Bin erst mal wieder Raus, die Polarität lässt sich nur in der Batterie ändern, mein Plan von oben den Inverter separat darzustellen scheitert weil die Laufrichtung nicht umkehrbar ist (läuft vom Haus weg)

[MrTom]

Die Power Flux gefällt mir, jedoch werden nicht die Solar Entität angezeigt. Die eingetragene Entität arbeitet ansonsten zuverlässig in einer anderen Power Card und liefert Werte, in der Power Flux Card ist jedoch der Wert für Solar immer “0”.

[anon7235618]

@geloeschterUser1

Bin erst mal wieder Raus

Das klingt so abwertend!?

Gehe mal davon aus das es nicht so gemeint ist!?

Gib einfach deine Wünsche an Jan als Feedback, irgendwo/her muss er ja anfangen und auch wissen was so alles gebraucht/gewünscht wird!

Wenn es Sinn macht wirst du staunen wie „fix“ unser Jan ist und das anpasst bzw. hinzufügt!

PS. mal so unter der Hand gesagt, der ist nicht nur Workaholik sondern auch noch einer „kleiner“ Perfektionist!
Aber nicht weitersagen!

[Nicknol]

Ist Deine „Solar Entität“ eine Energie(kWh)- oder eine Leistungsentität (kW)?

Die Powerflux Karte braucht eine Leistungs(Power)Entittät.

[MrTom]

Sollte meiner Meinung nach eigentlich passen:

state_class: measurement
unit_of_measurement: kW
device_class: power
friendly_name: Power - Solar Generation

[anon7235618]

Sorry, alter Mann hatte Denkfehler! Man sollte das WE zum ausruhen nutzen!

[geloeschterUser1]

@anon7235618

Gehe mal davon aus das es nicht so gemeint ist!?

Wenn ich es Abwerten gemeint hätte würde dort stehen " Bin wieder Raus", das „erst mal“ deutet an das ich auf die nächsten Versionen warte
Die sicher kommen werden und sicher auch mit weiteren Anpassungen

[mafe68]

Wenn er nicht genau weiß wo es bei dir das Problem ist, kann er auch nicht darauf reagieren und bei nächsten Update ist es dann nicht dabei! Von Bilder alleine Schlüsse daraus ziehen wo das Problem genau ist, ist immer schwierig!

[Fauli085]

@jayjojayson
jetzt weis ich warum ich seltener Antworten bekomme

Super Karte.
Mein Vorschlag wäre hier aber auch das Wasser - Gas - Co2 etc. mit einzubauen, auch wenn wir von einer Power Card reden..

Dazu müssten man bei den Extra Verbrauche nur die Möglichkeit haben die Angabe zu ändern.
Dann hat man finde ich endlich eine Karte die mal alles zum Thema Hausverbrauch anzeigt