Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Zeigt her eure Vis2

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    Zeigt her eure Vis2

    This topic has been deleted. Only users with topic management privileges can see it.
    • Crazy32
      Crazy32 @miwi last edited by

      @miwi Danke 🙂 Gerade Deine Symbole für Sonnenauf- und untergang haben es mir angetan, hat bestimmt viel Arbeit gemacht. Wärst Du bereit die auch zu teilen?

      miwi 1 Reply Last reply Reply Quote 0
      • miwi
        miwi @Crazy32 last edited by

        @crazy32 said in Zeigt her eure Vis2:

        @miwi Danke 🙂 Gerade Deine Symbole für Sonnenauf- und untergang haben es mir angetan, hat bestimmt viel Arbeit gemacht. Wärst Du bereit die auch zu teilen?

        Sonnenuntergang.png Sonnenaufgang.png

        1 Reply Last reply Reply Quote 1
        • R
          ralalla @agreen last edited by

          @agreen
          Wäre es möglich die View`s noch mal zu teilen?
          Sind über den Link nicht mehr verfügbar.

          agreen 1 Reply Last reply Reply Quote 0
          • agreen
            agreen @ralalla last edited by

            @ralalla

            habs nochmal hochgeladen
            Link

            1 Reply Last reply Reply Quote 0
            • R
              ralalla last edited by ralalla

              Super, Danke.

              1 Reply Last reply Reply Quote 0
              • Flexer
                Flexer last edited by Flexer

                Hallo in die Runde,

                jetzt will ich auch mal kurz meine Mini Vis vorstellen. Dieses Mal nicht so aufwendig und umfangreich. Bauzeit ca. 3 Stunden. Es sind noch mehr Views vorhanden, die poste ich aber nicht da es die Kamerabilder vom Außenbereich zeigt.

                Video als Bildschirmschoner, wird angezeigt wenn der Serverschrank geschlossen ist und der BWM im Raum aktiv ist.

                Bildschirmfoto 2025-02-06 um 15.44.13.png

                Erste Seite, wenn die Tür geöffnet wird.

                Bildschirmfoto 2025-02-06 um 15.45.32.png

                Adguard

                Bildschirmfoto 2025-02-06 um 15.47.08.png

                USV

                Bildschirmfoto 2025-02-06 um 15.48.19.png

                Netzwerk Unifi

                Hier der Serverschrank
                IMG_9480.jpeg

                Und ja mein Duty Cycle ist gerade zu hoch 😉 I know 😉

                1 Reply Last reply Reply Quote 3
                • I
                  io2345 @UlliJ last edited by

                  @ullij Wo bzw. wie werden die txt Dateien eingefügt?

                  U 1 Reply Last reply Reply Quote 0
                  • U
                    UlliJ @io2345 last edited by

                    @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 1 Reply Last reply Reply Quote 0
                    • I
                      io2345 @UlliJ last edited by 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 1 Reply Last reply Reply Quote 0
                      • U
                        UlliJ @io2345 last edited by

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

                        P 1 Reply Last reply Reply Quote 0
                        • P
                          Peks200 @UlliJ last edited by

                          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 1 Reply Last reply Reply Quote 4
                          • F
                            fuerchtischlumpf @Peks200 last edited by

                            @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 Reply Last reply Reply Quote 0
                            • skvarel
                              skvarel Developer last edited by 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 1 Reply Last reply Reply Quote 3
                              • C
                                cbrocker @skvarel last edited by 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

                                skvarel 1 Reply Last reply Reply Quote 1
                                • skvarel
                                  skvarel Developer @cbrocker last edited by 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 1 Reply Last reply Reply Quote 1
                                  • P
                                    Peks200 @fuerchtischlumpf last edited by

                                    @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;
                                    }

                                    1 Reply Last reply Reply Quote 0
                                    • C
                                      cbrocker @skvarel last edited by

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

                                      1 Reply Last reply Reply Quote 0
                                      • First post
                                        Last post

                                      Support us

                                      ioBroker
                                      Community Adapters
                                      Donate

                                      489
                                      Online

                                      32.0k
                                      Users

                                      80.4k
                                      Topics

                                      1.3m
                                      Posts

                                      27
                                      64
                                      9738
                                      Loading More Posts
                                      • Oldest to Newest
                                      • Newest to Oldest
                                      • Most Votes
                                      Reply
                                      • Reply as topic
                                      Log in to reply
                                      Community
                                      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                      The ioBroker Community 2014-2023
                                      logo