Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. Einfach mal zeigen will….. :-) - Teil 3

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    247

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.6k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

Einfach mal zeigen will….. :-) - Teil 3

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
visvisualisierungvisualizationvis editor
813 Posts 155 Posters 350.9k Views 157 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M MartyBr

    @kallo Ich werde mich mal dadurch "kämpfen". Der Weg ist das Ziel.
    Darf ich dich mal um Hilfe bitten, wenn ich auf Probleme stoße?
    Keine Angst, das wird nicht so schnell kommen, da wir im Juni verreissen werden.
    Gruß Martin

    K Offline
    K Offline
    Kallo
    wrote on last edited by
    #315

    @martybr Logo, kein Problem. Aber das ist easy, da ist nix komplexes drin.

    1 Reply Last reply
    1
    • K Kallo

      @martybr Ja, genau. Ich lege unsichtbare (opacity = 0) Schaltflächen drüber, hab ich bei den ganzen Schaltflächen auch so gemacht. Ich nutze die "Tile Navigation" der Metro Widgets.

      N Offline
      N Offline
      nousefor82
      wrote on last edited by nousefor82
      #316

      @kallo sagte in Einfach mal zeigen will….. :-) - Teil 3:

      @martybr Ja, genau. Ich lege unsichtbare (opacity = 0) Schaltflächen drüber, hab ich bei den ganzen Schaltflächen auch so gemacht. Ich nutze die "Tile Navigation" der Metro Widgets.

      Du kannst die Inhalte auch mit Hilfe von bindings abhängig von einem state anzeigen lassen.

      M 1 Reply Last reply
      0
      • N nousefor82

        @kallo sagte in Einfach mal zeigen will….. :-) - Teil 3:

        @martybr Ja, genau. Ich lege unsichtbare (opacity = 0) Schaltflächen drüber, hab ich bei den ganzen Schaltflächen auch so gemacht. Ich nutze die "Tile Navigation" der Metro Widgets.

        Du kannst die Inhalte auch mit Hilfe von bindings abhängig von einem state anzeigen lassen.

        M Offline
        M Offline
        MartyBr
        wrote on last edited by
        #317

        @nousefor82
        Ich probiere das gerade aus. Ich habe mir ein neues Projekt in VIS angelegt und kopiere da mal einige Seiten aus meiner bestehenden VIS.
        Jetzt plane ich mal die zentrale Startseite mit deiner VIS.
        Der Start ist ja immer am schwierigsten. Was nehme ich da rein, welche Infos benötige ich auf der Startseite, welche auf die Unterseiten.
        Aktuell Wetter für heute und die Kalender. In der alten habe ich noch Status-Infos (Alarm, Türen, Fenster, Licht, Anrufer).
        Da muss ich mir noch Gedanken machen. Ich hoffe, dass in in einigen Wochen meine "Variation" zeigen kann.

        P.S.
        Wie sieht denn beispielhaft ein Binding aus? Ich kenne das nur, wenn ich Infos aus DPs in Felder übertrage.

        Gruß
        Martin

        Gruß
        Martin


        Intel NUCs mit Proxmox / Iobroker als VM unter Debian
        Raspeberry mit USB Leseköpfen für Smartmeter
        Homematic und Homematic IP

        N 1 Reply Last reply
        0
        • M MartyBr

          @nousefor82
          Ich probiere das gerade aus. Ich habe mir ein neues Projekt in VIS angelegt und kopiere da mal einige Seiten aus meiner bestehenden VIS.
          Jetzt plane ich mal die zentrale Startseite mit deiner VIS.
          Der Start ist ja immer am schwierigsten. Was nehme ich da rein, welche Infos benötige ich auf der Startseite, welche auf die Unterseiten.
          Aktuell Wetter für heute und die Kalender. In der alten habe ich noch Status-Infos (Alarm, Türen, Fenster, Licht, Anrufer).
          Da muss ich mir noch Gedanken machen. Ich hoffe, dass in in einigen Wochen meine "Variation" zeigen kann.

          P.S.
          Wie sieht denn beispielhaft ein Binding aus? Ich kenne das nur, wenn ich Infos aus DPs in Felder übertrage.

          Gruß
          Martin

          N Offline
          N Offline
          nousefor82
          wrote on last edited by
          #318

          @martybr

          Hi,

          wenn du in meinen Thread schaust, da habe ich die Navigation erklärt, die Datenpunkte beschrieben und man sieht meinen Startscreen.

          Ein binding kann zum Beispiel so aussehen:

          
          {wert:0_userdata.0.VIS.CoronaGrafik.Zeitraum; wert=="7 days"? "#14ffdd": "transparent"}
          
          

          Wenn der Wert 7 days entsprich, dann wird der Rahmen gelb, ansonsten transparent.

          Musst mal bissl rumprobieren!

          M 1 Reply Last reply
          0
          • N nousefor82

            @martybr

            Hi,

            wenn du in meinen Thread schaust, da habe ich die Navigation erklärt, die Datenpunkte beschrieben und man sieht meinen Startscreen.

            Ein binding kann zum Beispiel so aussehen:

            
            {wert:0_userdata.0.VIS.CoronaGrafik.Zeitraum; wert=="7 days"? "#14ffdd": "transparent"}
            
            

            Wenn der Wert 7 days entsprich, dann wird der Rahmen gelb, ansonsten transparent.

            Musst mal bissl rumprobieren!

            M Offline
            M Offline
            MartyBr
            wrote on last edited by
            #319

            @nousefor82
            okay, verstanden. Ich probiere das aus. Ich arbeite auch viel mit Farben. Da sieht man auf einem Blick, was "Okay" ist oder was Aufmerksamkeit erfordert.
            Gruß
            Martin

            Gruß
            Martin


            Intel NUCs mit Proxmox / Iobroker als VM unter Debian
            Raspeberry mit USB Leseköpfen für Smartmeter
            Homematic und Homematic IP

            1 Reply Last reply
            0
            • C canim

              Ich poste mal meins auch :))

              d4ea6c60-c76c-49c0-b928-70bc2fdd4613-grafik.png

              d5e858c1-3b13-4f62-822f-a4b67de53b22-grafik.png

              7432ecc1-ef2f-4f9e-83c0-e2634a6d0761-grafik.png
              ea3a3467-d10f-43ad-a709-c99c6aa8210d-grafik.png
              9c3e4349-3501-4a88-8d05-b94414aee656-grafik.png
              107383df-4103-442b-8b1f-0bf6fe7f6dad-grafik.png
              007ff0e4-5f42-401f-b955-a159ec6fce66-grafik.png
              1576f3d4-e8c1-49df-9c34-6192d098e0f1-grafik.png
              c77cb9f6-59e7-42e7-9975-0ff3f70556e2-grafik.png
              Aktuell ist mein Wasserbehälter auf Balkon leer/außer Betrieb. Da ich über Winter die Leitung leer gemacht habe.
              Habe eine Eigene Bewässerungsanlage gebaut, mit jeweiligen 12V Pumpen pro Pflanze sowie eigenen Sensor,somit bewässere ich die Pflanzen Automatisch.
              Eigenen Drucksensor sowie Temp, meiner Gas Therme.

              Bei jeweiligen änderungs bzw info blinken links die Tabs

              6a419d75-2c37-4684-9f9b-3430dca89d4d-grafik.png

              nick21N Offline
              nick21N Offline
              nick21
              wrote on last edited by
              #320

              @canim Cool. Kannst du etwas Näheres zu deiner Bewässerungsanlage erzählen ? Wollte sowas für sein Balkon für diesen Sommer auch Mal angehen

              C 1 Reply Last reply
              0
              • nick21N nick21

                @canim Cool. Kannst du etwas Näheres zu deiner Bewässerungsanlage erzählen ? Wollte sowas für sein Balkon für diesen Sommer auch Mal angehen

                C Offline
                C Offline
                canim
                wrote on last edited by
                #321

                @nick21 sorry für die Spätere Meldung.

                Ich habe von Sonoff 4 CH Relais geflasht mit Tasmota, somit habe ich 4 Ausgänge. An den Ausgängen hängen jeweil 2 kleine und 2 Große 12v Wasserpumpen.Je mehr Pflanzen du über eine Pumpe bewässern willst,muss du ne größere Pumpe einbauen. Habe ein Eimer von Ikea, ca 40l? über den Eimer Habe ich SR 04 Distanz Sensor verbaut mit Wemos D1 Mini, der mir regelmäßig den Wasserpegel vom Eimer übermittelt. Mit den Wert habe ich paar Formeln angewendet,damit ich die Inhalt berechnen kann, sowie zusätzlich ein kleinen Schwimmer für Trockenlauf ;). Habe 4 Mi FLora Ble Sensoren in die Pflanzen gesteckt und empfange regelmäßig über mein Pi die Feuchtigkeit der Einzelnen Pflanzen, Anhand dessen habe ich mir ein kleines Script gebastelt, womit ich bei unterschrittene Feuchtigkeit die Pumpe für jeweils 10 Sekunden laufen lasse und dieser Prozess so oft Wiederholt ,bis die gewünschste Feuchtigkeit erreicht wurde. Ich mache mal die Tage paar Fotos ,

                1 Reply Last reply
                0
                • Jey CeeJ Jey Cee

                  Da der alte Thread wieder ziemlich lang wurde gibt es jetzt den dritten Teil der Serie ;-)

                  P Offline
                  P Offline
                  ps1304
                  wrote on last edited by
                  #322

                  @jey-cee ich wollte erstmal DANKE SAGEN an dieses Forum. Komme von der E3DC App (Photovoltaik), habe dann solaranzeige.de genutzt um Grafana Dashboards zu bauen und bin dann zum Schluß auf iobroker gestossen und habe hier super viele Anregungen, Tipps etc. bekommen !!!

                  Deshalb hier mal 3 Screenshots meiner aktuellen Visu, über Optik lässt sich ja bekanntlich streiten, bin aber aktuell ganz zufrieden.

                  HP-Stats.PNG HP-Histo.PNG HP-E3DC.PNG

                  ScroungerS 1 Reply Last reply
                  1
                  • P ps1304

                    @jey-cee ich wollte erstmal DANKE SAGEN an dieses Forum. Komme von der E3DC App (Photovoltaik), habe dann solaranzeige.de genutzt um Grafana Dashboards zu bauen und bin dann zum Schluß auf iobroker gestossen und habe hier super viele Anregungen, Tipps etc. bekommen !!!

                    Deshalb hier mal 3 Screenshots meiner aktuellen Visu, über Optik lässt sich ja bekanntlich streiten, bin aber aktuell ganz zufrieden.

                    HP-Stats.PNG HP-Histo.PNG HP-E3DC.PNG

                    ScroungerS Offline
                    ScroungerS Offline
                    Scrounger
                    Developer
                    wrote on last edited by Scrounger
                    #323

                    @ps1304
                    Jetzt muss ich auch mal ;-)
                    Meine e3dc view:
                    e3dc_view.gif

                    View gibts hier:
                    https://github.com/Scrounger/ioBroker.vis-materialdesign#value-html-widgets-using-in-a-complex-view

                    Und die historischen Daten:
                    0f1354e1-048f-41ce-9ad5-59a5673fdd2c-grafik.png

                    93a052c3-3471-4212-9ae1-cc1dd0cbb5bd-grafik.png

                    P 1 Reply Last reply
                    1
                    • ScroungerS Scrounger

                      @ps1304
                      Jetzt muss ich auch mal ;-)
                      Meine e3dc view:
                      e3dc_view.gif

                      View gibts hier:
                      https://github.com/Scrounger/ioBroker.vis-materialdesign#value-html-widgets-using-in-a-complex-view

                      Und die historischen Daten:
                      0f1354e1-048f-41ce-9ad5-59a5673fdd2c-grafik.png

                      93a052c3-3471-4212-9ae1-cc1dd0cbb5bd-grafik.png

                      P Offline
                      P Offline
                      ps1304
                      wrote on last edited by
                      #324

                      @scrounger auch sehr schön mit der Animation

                      1 Reply Last reply
                      0
                      • Paul 0P Offline
                        Paul 0P Offline
                        Paul 0
                        wrote on last edited by
                        #325

                        @spampunk Hallo, mich würde mal interessieren welchen adapter du für deine Musik View verwendest?

                        1 Reply Last reply
                        0
                        • S Spampunk

                          Hallo Leute,

                          ich bin mit den meisten Punkten meiner Aufgabenliste durch und kann nun auch meine VISU zeigen. Eine wesentliche Stütze ist der Code MDUI von @Uhula - ein herzliches Dankeschön an dieser Stelle für die wirklich fantastische Arbeit!

                          Als Letztes steht noch die Visualisierung unserer Heizungsanlage in SVG an. Das ist noch einmal ein größerer Brocken, aber in den Zeiten des Lockdowns eine schöne Aufgabe. Also, genug geschwafelt, es geht los:

                          1.png 2.png 3.png 4.png 5.png 6.png 7.png 8.png 9.png 10.png 11.png 12.png 13.png 14.png

                          T Offline
                          T Offline
                          TAR902
                          wrote on last edited by
                          #326

                          @spampunk Hallo

                          Habe soeben deine View gesehen. Da wäre einiges dabei das ich brauchen könnte :-)
                          Könnte ich sie haben? Wäre dankbar.

                          1 Reply Last reply
                          0
                          • L Online
                            L Online
                            lesiflo
                            Most Active
                            wrote on last edited by
                            #327

                            Hi,
                            für alle die meine vis benutzen und auch eine Klimaanlage von Misubishi über melcloud haben stelle ich mal meine vis dafür ein.

                            23a67ff5-714f-4ee3-af86-c2decf651841-image.png

                            Ich meine die hier:
                            https://forum.iobroker.net/topic/23917/einfach-mal-zeigen-will-teil-3/251?_=1630589120632

                            S 1 Reply Last reply
                            0
                            • L lesiflo

                              Hi,
                              für alle die meine vis benutzen und auch eine Klimaanlage von Misubishi über melcloud haben stelle ich mal meine vis dafür ein.

                              23a67ff5-714f-4ee3-af86-c2decf651841-image.png

                              Ich meine die hier:
                              https://forum.iobroker.net/topic/23917/einfach-mal-zeigen-will-teil-3/251?_=1630589120632

                              S Offline
                              S Offline
                              SSW-mcor
                              wrote on last edited by
                              #328

                              Ich möchte nun auch mal eine meiner VIS zeigen (einfach so mal...).

                              Hab mehrere, für unterschiedliche Geräte, die übers Haus verteilt sind.

                              96fed242-de48-4861-8ae2-c025cb2c8725-image.png
                              In dem leeren Kasten, werden Geburtstage und Termine angezeigt.

                              Ich habe mich bei allen VIS, auf das für uns notwendigste beschränkt. Die Anzeige hier, ist z.B. in der Küche, auf einem FireHD10.
                              Somit werden Küchen- Esszimmer- und Wohnzimmerfenster nicht angezeigt, da ich diese sehe :innocent:

                              Was man jetzt nicht sieht, ist die Wasser- Feuer- und Offlinemeldung, diese werden nur Angezeigt, wenn der Fall eintritt und füllen den ganzen Bildschirm aus.

                              In den anderen Räumen, werden eben auch nur die Sachen angezeigt, die nötig sind - im Schlafzimmer, somit nicht die Schlafzimmerfenster usw.
                              Beleuchtungen und Temperaturen der Räume, sind für uns nebensächlich und werden nicht angezeigt, außerdem können wir diese per Alexa erfragen :grinning:

                              Mir reicht per VIS die Anzeige, ich muss/will über die VIS nichts steuern.

                              1 Reply Last reply
                              0
                              • D dtp

                                Hab die letzten Tage mal ein wenig an meinem iPhone-X-Projekt gebastelt. Ich verwende die App ioBroker für iOS. An einigen Stellen ist noch etwas Feinschliff notwendig. Grundlage des Projekts ist übrigens eine HomeMatic-Installation.

                                Startseite

                                vis_dtp_iPhone_01.png
                                Bedeutung der Farben

                                • grün: Fenster bzw. Rollladen geschlossen
                                • blau: Fenster auf Kippstellung, Rollladen teilweise hochgefahren (<= 90 %)
                                • orange: Fenster offen, Rollladen hochgefahren (< 90 %)

                                Startseite mit Briefkastenkamera

                                vis_dtp_iPhone_02.png

                                Startseite mit Haustürkamera

                                vis_dtp_iPhone_03.png

                                Licht

                                vis_dtp_iPhone_04.png
                                Bedeutung der Farben

                                • grün: Licht aus
                                • orange: Licht an

                                Licht mit Dialog-Fenster

                                vis_dtp_iPhone_05.png

                                Heizung, Teilübersicht 1

                                vis_dtp_iPhone_06.png
                                Bedeutung der Farben

                                • grün: |Ist-Temperatur - Soll-Temperatur| <= 1 °C
                                • blau: Ist-Temperatur - Soll-Temperatur < -1°C (es ist kälter, als geplant)
                                • orange: Ist-Temperatur - Soll-Temperatur > 1 °C (es ist wärmer, als geplant)
                                G Offline
                                G Offline
                                gluecksmann
                                wrote on last edited by
                                #329

                                @dtp

                                Briefkastenkamera? gibt es so kleine die sich einbinden lassen? Welches Modell wäre das?

                                C D 2 Replies Last reply
                                0
                                • G gluecksmann

                                  @dtp

                                  Briefkastenkamera? gibt es so kleine die sich einbinden lassen? Welches Modell wäre das?

                                  C Offline
                                  C Offline
                                  Coffeelover
                                  wrote on last edited by
                                  #330

                                  @gluecksmann Ein Magnet am Deckel mit Fensterkontakt reicht mir aus...

                                  1 Reply Last reply
                                  0
                                  • KusselinK Offline
                                    KusselinK Offline
                                    Kusselin
                                    wrote on last edited by
                                    #331

                                    Mir auch von Auqara Xiaomi

                                    1 Reply Last reply
                                    0
                                    • G Offline
                                      G Offline
                                      gluecksmann
                                      wrote on last edited by
                                      #332

                                      @coffeelover

                                      Habe einen Außenbriefkasten... bin mir unsicher ob der das überlebt...

                                      C 1 Reply Last reply
                                      0
                                      • G gluecksmann

                                        @coffeelover

                                        Habe einen Außenbriefkasten... bin mir unsicher ob der das überlebt...

                                        C Offline
                                        C Offline
                                        Coffeelover
                                        wrote on last edited by
                                        #333

                                        @gluecksmann sagte in Einfach mal zeigen will….. :-) - Teil 3:

                                        @coffeelover

                                        Habe einen Außenbriefkasten... bin mir unsicher ob der das überlebt...

                                        Innen am Deckel... Warum nicht?

                                        G 1 Reply Last reply
                                        0
                                        • C Coffeelover

                                          @gluecksmann sagte in Einfach mal zeigen will….. :-) - Teil 3:

                                          @coffeelover

                                          Habe einen Außenbriefkasten... bin mir unsicher ob der das überlebt...

                                          Innen am Deckel... Warum nicht?

                                          G Offline
                                          G Offline
                                          gluecksmann
                                          wrote on last edited by
                                          #334

                                          @coffeelover

                                          Temperaturen?

                                          C 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          337

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe