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.5k

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.1k

Zeigt her eure Vis2

Geplant Angeheftet Gesperrt Verschoben Visualisierung
76 Beiträge 31 Kommentatoren 15.2k Aufrufe 50 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.
  • U UlliJ

    @io2345
    im Editor "Seite importieren"

    • den Inhalt der Textdateien ins Eingabefenster kopieren

    • Namen festlegen (wie Textdatei)
      ...fertig.

    wie bereits oben geschrieben, da könnte CSS für die Animation der SVG's fehlen. Manchmal habe ich es im Widget mit drin, manchmal nicht.

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

    @ullij Prima, Danke. Das geht ja eigentlich ganz einfach.
    Ist noch ziemlich leer, wahrscheinlich das "Grundgerüst". Und man muss die einzelnen Einträge noch seinen Datenpunkten zuweisen (würd ich vermuten). Mal sehen, wie das geht. Als kompletter Anfänger ist man da schon mal ganz schön gefordert...
    Dann steht da noch: CSS für die Lade/Entladeanimation ins Projekt kopieren. Wo muss das genau hin?

    Ich glaub ich bräuchte einen Thread für simple Anfängerfragen - z.B. wie erreiche ich einen einzelnen Wert, der hinter einer Fläche liegt? Gibt es so einen Thread für vis-2?

    U 1 Antwort Letzte Antwort
    0
    • I io2345

      @ullij Prima, Danke. Das geht ja eigentlich ganz einfach.
      Ist noch ziemlich leer, wahrscheinlich das "Grundgerüst". Und man muss die einzelnen Einträge noch seinen Datenpunkten zuweisen (würd ich vermuten). Mal sehen, wie das geht. Als kompletter Anfänger ist man da schon mal ganz schön gefordert...
      Dann steht da noch: CSS für die Lade/Entladeanimation ins Projekt kopieren. Wo muss das genau hin?

      Ich glaub ich bräuchte einen Thread für simple Anfängerfragen - z.B. wie erreiche ich einen einzelnen Wert, der hinter einer Fläche liegt? Gibt es so einen Thread für vis-2?

      U Offline
      U Offline
      UlliJ
      schrieb am zuletzt editiert von
      #57

      @io2345
      mach doch einen eigenen Thread auf. Da helfe ich gerne weiter

      Proxmox auf iNuc, lxc für IoB, InfluxDB2, Grafana, u.a. *** Homematic & Homematic IP, Shellies, Zigbee etc

      P 1 Antwort Letzte Antwort
      0
      • U UlliJ

        @io2345
        mach doch einen eigenen Thread auf. Da helfe ich gerne weiter

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

        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

        F I D coluC 4 Antworten Letzte Antwort
        5
        • 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

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

          @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 1 Antwort Letzte Antwort
          0
          • skvarelS Online
            skvarelS Online
            skvarel
            Developer
            schrieb am zuletzt editiert von skvarel
            #60

            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

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

            C coluC 2 Antworten Letzte Antwort
            3
            • 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

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

              @skvarel Hey Sven,
              wirklich beeindruckend, was eure Widgets alles hergeben.

              Kann man also tatsächlich alles (von deinen VISs) mit den paar Widgets abbilden?
              750fdd0c-cd2a-41f4-bc60-401c64fd0107-grafik.png

              Grüße Christoph

              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
              1
              • C cbrocker

                @skvarel Hey Sven,
                wirklich beeindruckend, was eure Widgets alles hergeben.

                Kann man also tatsächlich alles (von deinen VISs) mit den paar Widgets abbilden?
                750fdd0c-cd2a-41f4-bc60-401c64fd0107-grafik.png

                Grüße Christoph

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

                @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.

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

                C 1 Antwort Letzte Antwort
                1
                • 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 Online
                                        I Online
                                        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 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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          717

                                          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