Hallo,
ich setze deine Karte gerne ein. Gefällt mir wirklich sehr gut und macht sich schön in meinem Dashboard. Vielen Dank dafür.
Zwei kleine Vorschläge zur Verbesserung:
Beste Grüße
Beide „Display Zero“ Schalter auf ON stellen.
Bin blind. Finde nur einen.
Du bist in der falschen Card. 
Bei mir in der Power Flux Card gibt es aktuell nur die Möglichkeit die Verbraucher bei 0 Watt ein-/auszublenden. Den Punkt, die Einheit auch ausblenden zu können bzw. weiterhin anzuzeigen, kann ich gerne mit aufnehmen.
Die Unterteilung mit Punkt fand ich optisch ansprechender. Aber ich lasse mir was einfallen, dass man auch das konfigurieren kann.
Danke, bin doch nicht blind 
.
bzgl Dezimal-Punkt oder -Komma bzw Tausender-Komma oder -Punkt: ich denke, das ist je Land genau spezifiziert, und states(entity, true, true) liefert das dann mit Rundung, Einheit und landesspezifischer Darstellung, und zwar mit der Rundung/Genauigkeit, die pro Entität eingestellt ist.
Wenn es um die Optik geht - da ist dann „alles erlaubt“; wenn es um lokal richtige Darstellung geht, gibt es eigentlich nur eine Darstellung (pro Land/Local)
Sehe ich auch so, aber für die Optik kann man das ja mit aufnehmen.
Wollte mal noch zeigen, wie mein Flow ausschaut, wenn keine Leistung an den Solaranlagen anliegt. Rechts die Batterie-Bubble habe ich mit card_mod modifiziert, dass bei Leistung 0 Watt das Icon und der Kreis auch grau sind und die pipe invertiert wird.
card_mod für die Batterie-Bubble:
card_mod:
style: |
.bubble.tinted.battery {
{% if states('sensor.batterie_neo800_total_energie_heute') | float > 0 %}
--neon-green: #e1d984 !important;
{% else %}
--neon-green: grey !important;
{% endif %}
}
:host {
{% if states('sensor.batterie_neo800_total_energie_heute') | float > 0 %}
--icon-primary-color: #e1d984 !important;
{% else %}
--icon-primary-color: grey !important;
{% endif %}
}
.flow-line.flow-battery {
animation-direction: reverse !important;
}
Der komplette Code, falls es einer nachbauen möchte:
type: custom:power-flux-card
entities:
grid: sensor.opendtu_a8067c_ac_power
battery_soc: ""
house: sensor.total_solar_power_kombiniert
grid_export: ""
battery: sensor.batterie_neo800_total_ausgangsleistung
solar: sensor.growatt_outpowerwatt_final
battery_charge: ""
battery_discharge: ""
secondary_house: sensor.erzeugzung_taglich_kombination_solaranlagen
secondary_solar: sensor.growatt_todaygenerateenergy
secondary_grid: sensor.opendtu_a8067c_yield_day
secondary_battery: sensor.batterie_neo800_total_energie_heute
hide_inactive_flows: true
zoom: 0.9
show_dashed_line: false
show_comet_tail: true
invert_battery: false
battery_charge_via_house: true
show_flow_rate_battery: false
battery_icon: mdi:solar-panel
show_flow_rate_solar: false
solar_icon: mdi:solar-panel-large
grid_icon: mdi:solar-panel
show_donut_border: true
color_secondary_house: "#d9d9d9"
color_solar: "#c1841a"
color_grid: "#dace49"
color_battery: "#e1d984"
show_label_battery: false
battery_unit_kw: false
battery_show_power: true
show_tinted_background: true
show_flow_rate_grid: false
color_house: "#666666"
color_secondary_battery: "#878787"
color_text_grid: "#d6d6d6"
card_mod:
style: |
.bubble.tinted.battery {
{% if states('sensor.batterie_neo800_total_energie_heute') | float > 0 %}
--neon-green: #e1d984 !important;
{% else %}
--neon-green: grey !important;
{% endif %}
}
:host {
{% if states('sensor.batterie_neo800_total_energie_heute') | float > 0 %}
--icon-primary-color: #e1d984 !important;
{% else %}
--icon-primary-color: grey !important;
{% endif %}
}
.flow-line.flow-battery {
animation-direction: reverse !important;
}
Hier noch die kompakte Ansicht mit angepassten Farben als Beispiel. Aktuell kann nur die Farbe für den Export an sich bestimmt werden, aber noch nicht die Icon Farbe. Das werde ich mit dem nächsten Release auf jeden Fall ändern. Solange habe ich es hier auch über card_mod gelöst.
type: custom:power-flux-card
entities:
solar: sensor.total_solar_power_kombiniert
grid: sensor.total_power
battery_soc: sensor.victron_system_battery_soc
battery: sensor.vrm_battery_power_batt_1024
consumer_1: ""
consumer_2: sensor.werkstattheizung_leistung
consumer_3: sensor.poolverbrauch_summe_watt
house: sensor.total_power_kombiniert
grid_export: sensor.skimmerpumpe_shelly_plug_switch_0_power
hide_inactive_flows: true
use_colored_values: true
hide_labels: true
show_donut_border: true
show_comet_tail: false
show_tinted_background: true
zoom: 0.85
show_flow_rates: true
hide_consumer_icons: false
show_neon_glow: true
show_label_solar: true
compact_view: true
visibility:
- condition: numeric_state
entity: sensor.growatt_outpowerwatt
above: 20
show_dashed_line: true
grid_options:
columns: full
color_solar: "#4ac332"
color_battery: "#319dd3"
color_grid: "#9f240f"
compact_details: true
color_text_house: "#dedede"
color_export: "#e5ce38"
color_house: "#a6a6a6"
color_icon_solar: "#a6a6a6"
color_icon_battery: "#a6a6a6"
color_icon_grid: "#a6a6a6"
card_mod:
style: |
:host {
--icon-primary-color: rgb(166,166,166) !important;
--export-color: rgb(166,166,166) !important;
}
spannend. aber: meine card_mod Phobie hindert mich
Ja wäre für dich bestimmt interessant, so kann man die ganze Pipes noch weiter indivdualisieren. Dachte das ist ein gute Ergänzung, denn alles bzw. alle Wünsche werde ich nicht darstellen können und so hat man auch manuell noch die Möglichkeit Dinge nach seinen Wünschen anzupassen.
Hi,
erstmal vorweg, ich liebe dein Anzeige! Ich habe mit Lumina, Power Flow Card unf Power Flux Card rumprobiert und bin letztendlich bei deiner Power Flux Card geblieben. Für mich die beste Umsetzung und abei sehr übersichtlich. Etwa mit Lumina kann man natürlich rein optisch ganz verrückte Dinge “zaubern”, aber am Ende führt das nur dazu, dass es irgendwie unüersichtlich und nicht mit einem schnellen Blick zu erfassen ist. Gerade für Personen, die sich damit nicht befasst haben und es am Ende nur ablesen wollen, also meine Frau.
Ich hätte allerdings noch eine Frage bzw. eine Verbesserung. Ich selber nutze zwei Heimspeicher. Einmal den in meinem E3DC Hauskraftwerk und dann noch zusätzlich eine EcoFlow Stream Kombination. Ich habe diesen dann einfach über einen zusätzlichen Verbraucher eingebunden (ein Sensor für Laden/Entladen). Das klappt auch soweit ganz gut. Allerdings, der Name sagt es eigentlich schon. Es ist eben ein Verbraucher und ich bekomme bei der Einspeisung ins Heimnetz keinen Fluss in der Pipe angezeigt. Nur in die andere Richtung, also in die Batterie rein. Ich denke, es liegt daran, weil es eben bei einem Verbraucher nicht vorgesehen ist, oder? Jedenfalls zeigt er zwar richtig einen negativen Wert an, wenn Energie aus dem Akku bezogen wird, aber wie gesagt, keinen Fluss in der Pipe. Wenn das noch möglich wäre, oder aber direkt einfach eine zweite Batterie, wäre das super und für meine Zwecke zu 100 % perfekt und nicht nur zu 95 %.
Ich kann mir das natürlich auch selber ableiten, aber am Ende ist die Anzeige ja dazu da, um alles mit einem Blick schnell zu erfassen und das geht ohne den Rückfluss des “Verbrauchers” Batterie eben nicht.
Hi, vielen Dank für deinen ausführlichen Input bzw. Feedback. Erst einmal herzlich willkommen bei uns in der Community. 
Ich freue mich wirklich immer wieder, wenn ich Feedback bekomme und die Leute auch wirklich mal schreiben was sie gut finden. Danke, so komme ich auch weiter. 
Ja du hast das richtig erfasst, die Verbraucher laufen immer vom Haus weg. Beim E-Auto kannst du schon jetzt die pipe invertieren indem du diesen Schalter aktivierst, dass müsste mit deiner Batterie dann klappen.
Das ist aber auch eine gute Erweiterung, wenn man die Animation bei den consumer einfach umdrehen kann. Habe das mit auf meine Liste aufgenommen.
Ansonsten gibt es auch noch den Weg über card_mod, so kannst du auch jede pipe invertieren und die Leistung somit immer vom consumer zum Haus schicken. Das die pipes alle über farbe animiert sind, kann man hier nicht direkt den consumer ansprechen, sondern muss über die Farbe gehen.
#a855f7#f97316#06b6d4#eab308#6366f1Hänge einfach mal im Code am Ende diesen card_mod an, dann wird hier im Beispiel die consumer pipe 4 invertiert.
card_mod:
style: |
.flow-line[stroke="#eab308"] {
animation-direction: reverse !important;
}
Du könntest so auch mehrere pipes ändern, hier ein Beispiel für consumer pipe 1 und 3:
card_mod:
style: |
.flow-line[stroke="#a855f7"] { animation-direction: reverse !important; }
.flow-line[stroke="#06b6d4"] { animation-direction: reverse !important; }
Wegen deiner anderen Frage noch. Ich muss mir das noch immer überlegen. Eigentlich soll die Card vereinfacht dein Power Flow zeigen und so für eine schnelle Übersicht geeignet sein. Wenn man jetzt noch Solar und Batterie weiter ausbauen würde, dann bin ich mir nicht sicher wie das mit der Übersichtlichkeit wird. Es kommen mehr bubbles dazu und damit muss die Karte wachsen. Ich hoffe der gezeigt Weg mit dem Invertieren ist erstmal in Ordnung für dich. Für die Consumer werde ich auf jeden Fall ein Schalter einbauen, so dass man die Animation umdrehen kann.
Hi,
danke für die sehr schnelle Antwort! Das mit dem E-Auto habe ich gesehen. Und wird ggf. auch praktisch, wenn man mal bidirektional lädt/entlädt. Aber wenn ich invertiere, habe ich ja auch “nur” Fluss in eine Richtung, wenn ich das richtig verstanden habe, oder? Nur dann eben in die andere Richtung… Genau das will ich ja nicht. Ich will ja, wie bei den ganzen anderen Pipes, dass hier automatisch beide Richtungen aktiv sind. Darüber hinaus hätte ich auch gerne eine einzige Übersicht und ich habe schon eine Wallbox mit E-Auto. Das heißt, diese Entität ist bereits belegt und funktioniert super. Die Battiere kann ich hierüber also nicht abbilden.
Ich habe mich jetzt in der Vergangenheit durch viele Foren und Chats gewühlt und es gibt ja durchaus einige mit dieser Problematik. Beim Lumina Board etwa gibt es mittlerweile die Möglichkeit von mehreren Batterien in beide Richtungen. Das nehme ich jedoch nicht, weil mir die Anzeige an sich einfach zu unübersichtlich ist, auch, wenn das rein optisch natürlich erstmal total fortschrittlich und futuristisch aussieht.
Es wäre ja ganz “einfach”, wenn bei den Consumern die Pipes, wie bei den Entitäten oberhalb des Hausverbrauchs, in beide Richtungen anzeigen könnten. In meinen Augen verliert deine Anzeige dadurch keinsfalls an Übersichtlichkeit. Es ist ja sogar leider oft so, dass man die meiste Zeit im Vorfeld mit der Einrichtung verbringen muss, damit etwas in der Anzeige einfach und sauber aussieht. Mir ist schon klar, dass das von vielen Faktoren abhängt und viel Aufwand bedeutet. Sollte das nicht gehen bzw. zu viel Aufwand sein, dann ist das so. Dann werde ich mir irgendwie anders behelfen müssen. Aber es gibt wirklich viele, die ähnliche Setups haben wie ich und da sind 2 verschiedene Batteriesysteme/-kreisläufe keine Seltenheit. Erst Recht, in Zeiten von Balkon-Solaranlagen.
Mir geht es also nicht um das einfache Invertieren, sondern um die automatische Erkennung. Beim permanenten Invertieren müsste ich ja dann ggf. auch zweimal die gleiche Batterie hinzufügen, einmal fürs Laden und einmal fürs Entladen. Dann hätte ich beide Richtungen.
Und nicht falsch verstehen. Ich bin total zufrieden mit der Übersicht und in meinen Augen ist sie auch die Beste. Jedoch würde sie mit 1-2 kleineren Anpassungen zu einer 100 % Lösung werden. Und ich sehe da keinen Widerspruch aus dem, was ich mir wünsche und der Übersichtlichkeit. So füge ich ja auch die Batterie als Consumer ein, das funktioniert aber eben nur in eine Richtung. Dadurch wird die Anzeige inkonsistent und funktioniert nicht in allen Bereichen gleich.
Im Zweifel brauche ich auch kein komplexen Umrechnungen von dir, sondern einfach nur die Möglichkeit, dass ich eine zweite Batterie einfügen kann bzw. bei den Consumern auch die Möglichkeit der Bidirektionalität in den Pipes habe. Die Umrechnungen zwischen den einzelnen Entitäten kann ich mir dann auch im Hintergrund über Helfer selber so kombinieren, dass es dann am Ende passt, was ich angezeigt bekomme. Natürlich wäre es noch schöner, wenn alles automatisch erkannt wird, aber ein bisschen Mitdenken klappt noch…
Mal ne frage mit zoom kann ich ja die grösse der karte einstellen. Kann man auch die breite einstellen bei mir ist viel platz link und rechts. Also die karte bzw den inhalt in die breite ziehen.
@OneWayToRome Ah, jetzt verstehe ich dich und ja das sollte machbar sein, solange man einen Sensor hat der positive und negative Werte liefert. Bei positiven Werten verläuft die Pipe Animaition ja schon korrekt und bei negativen würde sie dann invertiert werden. Das würde funktionieren, allerdings wären dann die Animationen genau verkehrt herum, weshalb jeder consumer einen Schalter zum invertieren bräuchte. Ich werde das mit versuchen mit einzubauen.
@Timo Ja kannst du machen. Zuerst den zoom in der Card einstellen und dann über die Layout-Einstellungen die columns und rows wie gewünscht anpassen. Hier mal ein Beispiel mit zoom: 0.6. Der zoom ist eher für kleine Anpassungen gedacht und die eigentliche Breite und damit Höhe der Card wird über das Layout definiert,
Hallo ja das weiß ich deine karte hat die halbe breite aber due symbole nutzen gerade mal die hälfte der breite links und rechts der karte ist nix. Siehe foto
Sorry, aber ich verstehe nicht worauf du hinaus willst? Wie meinst du rechts und links der Card ist nix? Auf deinem Foto kann ich nicht einmal die komplette Card sehen, wie soll ich da einschätzen können was rechts oder links ist?
Ok sorry bild wirde getauscht
Ah jetzt weiß ich glaube ich worauf du hinaus willst. Die Card ist in der Breite immer von der Höhe abhängig, machst du die Card höher, wird auch der Inhalt breiter. Sie wird also nicht in die Breite gezogen, weil dann die Animationspfade länger werden müssten (nicht nur einfach strecken). Das ist daher durch das Layout vorgegeben. Ansonsten kannst du, wie beschrieben, die Karte einfach in der jetzige Ansicht über das Layout schmaler machen, dann ist auch links und rechts der Rand weg, aber natürlich auch etwas freier Platz auf dem Dashboard.
