Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Zeigt her eure Vis2

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.1k

Zeigt her eure Vis2

Geplant Angeheftet Gesperrt Verschoben Visualisierung
76 Beiträge 31 Kommentatoren 15.3k Aufrufe 49 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • F fuerchtischlumpf

    @peks200 richtig gut geworden, ich möchte meine VIS-2 auch wie eine App aufbauen! Hast du Responive benutzt und welche Widgets hast du für die Diagramme verwendet?

    Gruß Fürchti

    P Offline
    P Offline
    Peks200
    schrieb am zuletzt editiert von
    #63

    @fuerchtischlumpf said in Zeigt her eure Vis2:

    Responive

    Ja, für die Diagramme habe ich das Material Widget verwendet und mit CSS Code angepasst.
    #wXXXX .echarts-for-react path
    {
    fill-opacity: 1;
    stroke-opacity: 1;
    }
    #wXXXX div[aria-label]
    {
    opacity: 0;
    }

    F 1 Antwort Letzte Antwort
    0
    • skvarelS skvarel

      @cbrocker .. ja ;)

      99% sind mit dem Universal Widget gemacht. Der Rest sind drei/vier Tabellen und ein paar Schieberegler.

      Das neue Universal Widget ist im Gegensatz zu VIS1 sehr mächtig geworden.

      C Offline
      C Offline
      cbrocker
      schrieb am zuletzt editiert von
      #64

      @skvarel
      danke, das ist mal sehr vielversprechend.
      In der VIS1 habe ich schon paar eurer Vis1-Widgets, die super funktionieren.

      Dann werde ich mich mal so langsam an die Vis2 ranmachen.

      Noch ne andere Frage, du hast ja einige ESP32-Cams. Was für eine Software hast
      du da drauf geflasht?

      Proxmox Cluster mit ioBroker, Wireguard, HomeAssistant (Testsystem), paperlessNGX, MariaDB, PiHole, Grafana, InfluxDB, 1 x BKW 600 Wp, 2 x BKW 400 Wp, 2 x SolarFlow 800 Pro mit 11,52 kWh Akku und 3,48 kWp, OpenDTU, AhoyDTU, HmIP, Shellys, AVM LAN/WLAN

      skvarelS 1 Antwort Letzte Antwort
      0
      • C cbrocker

        @skvarel
        danke, das ist mal sehr vielversprechend.
        In der VIS1 habe ich schon paar eurer Vis1-Widgets, die super funktionieren.

        Dann werde ich mich mal so langsam an die Vis2 ranmachen.

        Noch ne andere Frage, du hast ja einige ESP32-Cams. Was für eine Software hast
        du da drauf geflasht?

        skvarelS Online
        skvarelS Online
        skvarel
        Developer
        schrieb am zuletzt editiert von
        #65

        @cbrocker .. ich habe auf alles ESP32-Cam die 'Tasmota 15.0.1 (release-webcam)' drauf.

        4 reolink, 4 ESP32-CAM und eine USB-Cam über go2rtc und dann per iFrame in der VIS

        2ca347cd-54c5-4858-966b-3cc9f4809987-image.png

        #TeamInventwo
        • Autodarts by inventwo
        • vis-inventwo & vis-2-widgets-inventwo
        • vis-icontwo & vis-2-widgets-icontwo

        C 1 Antwort Letzte Antwort
        1
        • P Peks200

          @fuerchtischlumpf said in Zeigt her eure Vis2:

          Responive

          Ja, für die Diagramme habe ich das Material Widget verwendet und mit CSS Code angepasst.
          #wXXXX .echarts-for-react path
          {
          fill-opacity: 1;
          stroke-opacity: 1;
          }
          #wXXXX div[aria-label]
          {
          opacity: 0;
          }

          F Offline
          F Offline
          fuerchtischlumpf
          schrieb am zuletzt editiert von
          #66

          @peks200 said in Zeigt her eure Vis2:

          #wXXXX .echarts-for-react path
          {
          fill-opacity: 1;
          stroke-opacity: 1;
          }
          #wXXXX div[aria-label]
          {
          opacity: 0;
          }

          Danke für den Hinweis, woher weißt du welche Codes was in den Widgets beeinflussen, das Wissen fehlt mir leider komplett!

          1 Antwort Letzte Antwort
          0
          • Q Offline
            Q Offline
            quinti
            schrieb am zuletzt editiert von
            #67

            Hallo,
            ich habe mal angefangen meine Wetterstation nachzubilden.
            Screenshot 2025-08-25 201600.png
            Ziel ist die Funktionen der Wetterstation swoeit als möglich nachzubilden. Klickbar ist bisher nur der Graphbutton.
            Ist alles noch alpha....
            Es fehlt auch noch die Kompassrose für die Windrichtung.
            mehr Infos hier:
            github

            1 Antwort Letzte Antwort
            6
            • skvarelS skvarel

              @cbrocker .. ich habe auf alles ESP32-Cam die 'Tasmota 15.0.1 (release-webcam)' drauf.

              4 reolink, 4 ESP32-CAM und eine USB-Cam über go2rtc und dann per iFrame in der VIS

              2ca347cd-54c5-4858-966b-3cc9f4809987-image.png

              C Offline
              C Offline
              cbrocker
              schrieb am zuletzt editiert von
              #68

              @skvarel
              danke für die Tips und Anregungen.

              Ich habe bisher eine Vivotek und eine Instar über Synology in der VIS,
              möchte aber auch noch ein paar ESP32-CAMs einfügen

              Schöne Woche

              Proxmox Cluster mit ioBroker, Wireguard, HomeAssistant (Testsystem), paperlessNGX, MariaDB, PiHole, Grafana, InfluxDB, 1 x BKW 600 Wp, 2 x BKW 400 Wp, 2 x SolarFlow 800 Pro mit 11,52 kWh Akku und 3,48 kWp, OpenDTU, AhoyDTU, HmIP, Shellys, AVM LAN/WLAN

              1 Antwort Letzte Antwort
              1
              • P Peks200

                Da ich mit iQontrol langsam an die Grenzen gestoßen bin was das UI angeht habe ich mich mit VIS 2 beschäftigt und mich dort ein bisschen ausgetobt :)
                Hier seht ihr das Ergebnis und kann gerne als Inspiration genutzt werden um eine VIS optisch in Richtung "Smartphone App" aufzubauen.

                Wichtig war mir ein durchgängig einheitliches Design und alles in der VIS bedienen zu können.

                screen02.png
                screen01.png

                I Offline
                I Offline
                io2345
                schrieb am zuletzt editiert von
                #69

                @peks200 said in Zeigt her eure Vis2:

                ...kann gerne als Inspiration genutzt werden um eine VIS optisch in Richtung "Smartphone App" aufzubauen.

                Könntest du bitte beispielhaft einen Export der "Home" Seite bereitstellen? Hatte schon mal per PM gefragt, aber ist wohl untergegangen.
                Danke!

                1 Antwort Letzte Antwort
                0
                • P Peks200

                  Da ich mit iQontrol langsam an die Grenzen gestoßen bin was das UI angeht habe ich mich mit VIS 2 beschäftigt und mich dort ein bisschen ausgetobt :)
                  Hier seht ihr das Ergebnis und kann gerne als Inspiration genutzt werden um eine VIS optisch in Richtung "Smartphone App" aufzubauen.

                  Wichtig war mir ein durchgängig einheitliches Design und alles in der VIS bedienen zu können.

                  screen02.png
                  screen01.png

                  D Offline
                  D Offline
                  Dk
                  schrieb am zuletzt editiert von
                  #70

                  @Peks200 Das sieht ja einfach mal mega gut aus. Würdest du einen Export der Vis, bzw von einer Seite davon, als Starthilfe teilen? :=)

                  1 Antwort Letzte Antwort
                  0
                  • skvarelS skvarel

                    Hier nur ein kleiner Auszug.

                    Es sind rund 30 Views mit über 1.500 Widgets ... bis auf die Uhr sind es alles inventwo Widgest und inventwo Icons.

                    Die Screenshots sind zu/an unterschiedlichen Zeiten/Tagen entstanden. Daher ist die 'Stromampel' mal rot und mal grün.

                    Startseite:
                    v000_index.JPG

                    KG:
                    Keller.JPG

                    EG:
                    EG.JPG

                    OG:
                    OG.JPG

                    inventwo Büro:
                    inventwo.JPG

                    Garten:
                    Garten.JPG

                    Heizung:
                    Heizung_1.JPG

                    Heizung_2.JPG

                    Heizung_3.JPG

                    Strom:
                    Strom.JPG

                    Fenster & Türen:
                    Fenster.JPG

                    Mähroboter:
                    Roberta.JPG

                    Katzenklappe:
                    Katzen.JPG

                    Video-Zentrale:
                    Video.JPG

                    Garten Temperaturen:
                    Garten-Temp.JPG

                    Abfallkalender:
                    Abfall.JPG

                    Netzwerk:
                    Netzwerk.JPG

                    eCar:
                    eCar.JPG

                    Customizer um die VIS in der Runtime zu designen:
                    Customizer.JPG

                    coluC Online
                    coluC Online
                    colu
                    schrieb am zuletzt editiert von
                    #71

                    @skvarel Auf den Screenshots sieht es so als ob sich ein neues Fenster auf der Hauptseite öffnet, stimmt das? und wenn ja, wie kann man das einstellen? :)

                    skvarelS 1 Antwort Letzte Antwort
                    0
                    • P Peks200

                      Da ich mit iQontrol langsam an die Grenzen gestoßen bin was das UI angeht habe ich mich mit VIS 2 beschäftigt und mich dort ein bisschen ausgetobt :)
                      Hier seht ihr das Ergebnis und kann gerne als Inspiration genutzt werden um eine VIS optisch in Richtung "Smartphone App" aufzubauen.

                      Wichtig war mir ein durchgängig einheitliches Design und alles in der VIS bedienen zu können.

                      screen02.png
                      screen01.png

                      coluC Online
                      coluC Online
                      colu
                      schrieb am zuletzt editiert von
                      #72

                      @Peks200 Wow das sieht richtig gut aus. Was hast du denn für Widget dafür genutzt?

                      1 Antwort Letzte Antwort
                      0
                      • coluC colu

                        @skvarel Auf den Screenshots sieht es so als ob sich ein neues Fenster auf der Hauptseite öffnet, stimmt das? und wenn ja, wie kann man das einstellen? :)

                        skvarelS Online
                        skvarelS Online
                        skvarel
                        Developer
                        schrieb am zuletzt editiert von
                        #73

                        @colu sagte in Zeigt her eure Vis2:

                        @skvarel Auf den Screenshots sieht es so als ob sich ein neues Fenster auf der Hauptseite öffnet, stimmt das? und wenn ja, wie kann man das einstellen? :)

                        Ja, ich nutze viel PopUps

                        c649c3db-c1e5-4daf-baac-c8442e10bc0d-image.png

                        #TeamInventwo
                        • Autodarts by inventwo
                        • vis-inventwo & vis-2-widgets-inventwo
                        • vis-icontwo & vis-2-widgets-icontwo

                        coluC 1 Antwort Letzte Antwort
                        0
                        • I Offline
                          I Offline
                          ioBrokerMike
                          schrieb am zuletzt editiert von
                          #74

                          @skvarel

                          Moin ein Frage habe ich zu den PopUp's.
                          Wenn das PopUp aktiviert wird kann man einen DP mit " Wert true " setzen.
                          Ist das auch möglich wenn das PopUp deaktiviert wird?

                          Mfg
                          IOBrokerMike

                          Achtung ! Sehkraft 25% | 60% , kein scherz
                          Systeme : GEEKOM MiniAir 11 | Linux : Trixie 13.2 | HMIP | OpenCCU / RasPi3 | SMA PV Anlage | Robonect Hx | Hydrawise | RTL_433

                          1 Antwort Letzte Antwort
                          0
                          • skvarelS skvarel

                            @colu sagte in Zeigt her eure Vis2:

                            @skvarel Auf den Screenshots sieht es so als ob sich ein neues Fenster auf der Hauptseite öffnet, stimmt das? und wenn ja, wie kann man das einstellen? :)

                            Ja, ich nutze viel PopUps

                            c649c3db-c1e5-4daf-baac-c8442e10bc0d-image.png

                            coluC Online
                            coluC Online
                            colu
                            schrieb am zuletzt editiert von colu
                            #75

                            @skvarel
                            oh man, wenn man es einmal gesehen hat fragt man sich echt wieso man da nicht selbst drauf gekommen ist... :D
                            vielen lieben Dank, jetzt kann ich endlich meine Idee umsetzen.

                            1 Antwort Letzte Antwort
                            1
                            • coluC Online
                              coluC Online
                              colu
                              schrieb am zuletzt editiert von
                              #76

                              Ich hätte noch eine zweite Frage bezüglich der Fenster/Türen darstellung.
                              Ich habe über den Szenen Adapter mir einen Sammelstatus hierfür erstelllt. True=auf / false=zu und sobald nur ein Fenster offen ist erhält die Szene den status uncertain.

                              Wie kann ich das denn mit den Widgets ändern?
                              Ich habe nur Text/symbol aktiv und Text/symbol inaktiv gefunden - ist das überhaupt möglich?

                              1 Antwort Letzte Antwort
                              0
                              Antworten
                              • In einem neuen Thema antworten
                              Anmelden zum Antworten
                              • Älteste zuerst
                              • Neuste zuerst
                              • Meiste Stimmen


                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              497

                              Online

                              32.6k

                              Benutzer

                              82.1k

                              Themen

                              1.3m

                              Beiträge
                              Community
                              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                              ioBroker Community 2014-2025
                              logo
                              • Anmelden

                              • Du hast noch kein Konto? Registrieren

                              • Anmelden oder registrieren, um zu suchen
                              • Erster Beitrag
                                Letzter Beitrag
                              0
                              • Home
                              • Aktuell
                              • Tags
                              • Ungelesen 0
                              • Kategorien
                              • Unreplied
                              • Beliebt
                              • GitHub
                              • Docu
                              • Hilfe