EDOMI - Zeigt her eure Visus!

[Gentleman]

Guten Abend Zusammen,

hebe versucht diesen Dimmer nachzubauen, den ich beim googlen gesehen habe:
peaknx_panel_youvi_screen_01.png

so sieht jetzt meiner aus:
28-03-_2021_18-39-02.jpg

wie stelle ich im Element "Scala" 0%, statt 100% ein??

vorab vielen DANK!!!

[oefchen]

Kein Thema, wenn du mir veräts wie ich das mache, gerne... :-)

LG Hiele

Respekt ! Deine Visu sieht schon sehr ausgereift aus. Ne Menge Stunden verbrannt ...

Und ich schliess mich mal an. Wie kann man denn ne Visu bereit stellen ? Alle KO´s raus löschen...dann als Backup-Datei ??

[elnino22]

Ich bin von einem iPad auf ein Xoro Megapad umgestiegen. Dabei musste ich die ganze Visu umbauen auf FullHD.

Konzeptionell ist es immernoch dasselbe. Die Hauptseite ist ein Dashboard, welches die wichtigsten Zustände des Hauses anzeigt. Der Hintergrund ändert sich Wetterabhängig. Von da aus geht's auf die Home-Seite, diese habe ich mit "Apps" bestückt für die verschiedenen Funktionen. Die Visu an sich ist sehr skalierbar aufgebaut. Wenn sich was ändert kann ich das jeweils recht einfach umbauen/ergänzen.

[uzi10]

Hier Ausblicke von meiner Visu. Vorlage war die vom timberland (glaub ich) und wurde an meine optischen Wünsche angepasst.
Viele Menüs sind noch nicht fertig oder funktionieren noch nicht aber gewisse Sachen laufen toll, wie die Anbindung der Nibe WP per Nibepi über MQTT.
Die Messkurven werden alle in Influx geloggt und über Grafana visualisiert und in der Visu aufgerufen. Bildeinbindung von der Doorbirdsprechanlage. Einbindung von der Denon Heimkinoanlage mit Audioverteilung der Zone2 über Relais.
Derzeit aber noch viel Optimierungspotential. Auch die Poolvisu wird anders. Dort wird auch noch die Wago SPS softwaretechnisch geändert.
startscreen.gif geschoss.png
licht.png std.png OG.png pool.png wind.png temperatur.png

[beauty]

elnino22 sind die blau roten Heizkreisleitungen auf deiner Wärmepumpenseite statisch oder wechseln sie je nach Temeratur die Farbe?

Wo hast du die Icons für Wärmepumpe und Speicher gefunden?

[uzi10]

also bei mir wechseln sie die Farbe und sind animiert und die Pfeile bewegen sich.... Wechseln die Farbe je nach Betrieb, ob Heizung oder Kühlung oder Stillstand.
Leider hab ich vorher vergessen das Foto anzuhängen. Wie ich ein animiertes Foto reinstelle weiss ich leider nicht.

wp menü.png temp.png image0.png

Die Werte am RGK bekomme ich durch 1Wire Sensoren
die andren Werte per MQTT von Nibepi bzw dann auch noch von der SPS.

Grafana Grafiken sind dann direkt in der Visu sichtbar

https://snapshot.raintank.io/dashboa...gsja21FSwqXc9d
https://snapshot.raintank.io/dashboa...jn68UZ5PUYnQo2

[elnino22]

Die Icons und den Grundriss habe ich mit Inkscape selber gezeichnet. Das geht eigentlich ganz einfach. Danach als SVG importieren.

Ja, die Farbe wechselt je nach Temperatur dynamisch. Habe ich bei jemandem hier im Forum abgeschaut und funktioniert so:

Farbe Temperaturabhängig 18-26° (blau-rot): hsl({780+(-30*#)}, 50%, 40%)
Farbe 0-100% (grün-rot): hsl({120+(-1.2*#)}, 50%, 40%)

Die Farben basiern auf dem Hue Color Wheel (hsl steht für Hue, Saturation, Lightness):
Hue-color-wheel-by-degree.png

Wir wollen nun bei 18°C Blau (240°) und bei 26°C wollen wir Rot (0°). Alles dazwischen schön gleichmässig verteilen (also über Hellblau, Grün, Gelb zu Rot). Wir haben also zwei Punkte (18|240) und (26|0). Nun können wir selber eine lineare Gleichung daraus basteln oder lassen es das Internet für uns erledigen: https://www.mathepower.com/lineare_funktionen.php

Das gibt dann die Funktion: f(x) = -30x+780
oder etwas umgestellt dann für die Farbe: 780+(-30*#)

Damit haben wir den ersten Wert für unsere hsl-Farbe. Jetzt noch Sättigung und Helligkeit nach Geschmack einstellen, fertig.

[shortyle]

Ja, die Farbe wechselt je nach Temperatur dynamisch. Habe ich bei jemandem hier im Forum abgeschaut und funktioniert so:

Farbe Temperaturabhängig 18-26° (blau-rot): hsl({780+(-30*#)}, 50%, 40%)
Farbe 0-100% (grün-rot): hsl({120+(-1.2*#)}, 50%, 40%)

beauty meinte glaube ich deine Seite mit der Heizungsanlage (WP + Speicher etc) und die dortigen Leitungen (Vor- und Rücklauf) da sehe ich aber nur eine Linie mit einem Farbverlauf, bei der obersten Leitung (rot auf blau), welcher sicher mit CSS Gradient erfolgt.

[dopamin86]

Jetzt zeig ich auch mal was ich die letzten Monate mit Hilfe eurer Visus so gebastelt habe.
Wenn es jemanden so inspirieren kann wie ihr mich, dann freuts mich.
Nicht wundern, ich hab die persönlichen daten und Bilder gepixelt.

räume.png spotify.png wetter.png temp.png heizung.png system.png robi.png Strom.png kalender.png

[Dundi]

Kind N und Kind S = Kind Nord und Kind Süd?

[dopamin86]

Kind N und Kind S = Kind Nord und Kind Süd?

Ja, das grenzt später die Auswahl für die Namen ein. Oder meinst du ich ändere wegen dem Kind die Visu und das ETS.

[heinzi00]

Jetzt zeig ich auch mal was ich die letzten Monate mit Hilfe eurer Visus so gebastelt habe.
Wenn es jemanden so inspirieren kann wie ihr mich, dann freuts mich.
Nicht wundern, ich hab die persönlichen daten und Bilder gepixelt.

Da hast du echt eine schöne Visu gebastelt, wenn meine Visu mal groß ist soll sie auch so aussehen! 😊
Im Augenblick schaffe ich es nicht mal die aktuelle Uhrzeit einzublenden, wird also noch ein steiniger Weg bis dorthin werden.

[Andy90]

Auch von mir ein großes Danke in die Runde für die tollen Anregungen. Ich selbst habe jetzt auch einwenig rumgebastelt.
Ich finde vorallem die Kombination von Grafana mit Edomi wirklich Klasse! 😉

Dashboard.png Dashboard2.png Schalten.png Schatten.png Schalten_außen.png Klima.png
Klingel.png

[uzi10]

schaut super aus.. wie hast du die PV Berechnung gemacht??

[Andy90]

uzi10 Danke dir. Die Grunddaten kommen vom Wechselrichter und Batteriewechselrichter via Modbus. Aus diesen Daten wird dann alles andere berechnet.

z.B Direktverbrauch = Aktuelle PV Leistung - Netzeinspeißung - Batterieladung
Aktueller Verbrauch = Direktverbrauch + Netzbezug + Batterieentladung

Hoffe ich konnte dir weiterhelfen.