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. Visualisierung
  4. [Vorstellung] Meine zweite Visualisierung

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.3k

[Vorstellung] Meine zweite Visualisierung

Scheduled Pinned Locked Moved Visualisierung
vistemplate
1.3k Posts 148 Posters 569.2k 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.
  • K Kuddel

    @kuddel sagte in [Vorstellung] Meine zweite Visualisierung:

    @stefu87_ch die Abfragen mache ich mittlerweile mit dem Adapter "Linux-Control".

    Hier beispielhaft für eine Ubuntu VM:

    Allgemien
    c0957065-9020-4b51-986e-193f68583133-grafik.png
    07870f65-4df9-4e1f-94f7-9572843db27d-grafik.png

    Meine Befehle:
    47bfc818-c0b6-4a18-8753-d27f95c9b565-grafik.png
    013fb345-4a4f-436c-8fed-6c84947ac71b-grafik.png

    CPU Usage:

    grep 'cpu ' /proc/stat | awk '{usage=($2+$4)*100/($2+$4+$5)} {printf("%.2f\n",usage)}'
    

    Disk Usage:

    df -hl | awk '/^\/dev\/sd[ab]/ { sum+=$5 } END { print sum }'
    

    RAM Usage:

    free | grep Mem | awk '{usage=($3/$2 * 100.0)} END {printf("%.2f\n",usage)}'
    

    Uptime:

    awk '{printf("%u Tage, %02u Std, %02u Min\n",int($1/60/60/24),int($1%(60*60*24)/60/60),int(($1%(60*60))/60))}' /proc/uptime
    

    @mguenther die Lösung steht auf Seite 65, also einfahc eine Seite zurück blättern

    M Offline
    M Offline
    mguenther
    wrote on last edited by
    #1307

    @kuddel
    ich habe gefühlt knapp 40 Seiten durchgeblättert, aber nicht mehr die letzten beiden :) :)

    danke - ich schaue es mir mal an

    AlenA 1 Reply Last reply
    0
    • M mguenther

      @kuddel
      ich habe gefühlt knapp 40 Seiten durchgeblättert, aber nicht mehr die letzten beiden :) :)

      danke - ich schaue es mir mal an

      AlenA Offline
      AlenA Offline
      Alen
      wrote on last edited by
      #1308

      @Kuddel

      Zu erst einmal grosses Kompliment an deine Visualisierung. Sieht wirklich super aus. Und natürlich toll, dass du sie zum Download zur Verfügung stellst.
      Ich möchte eine ähnliche Vis bauen. Also schwarzer Hintergrund mit einzelnen "Kacheln" auf einer View. Geordnet nach Thema z.B. Heizung, Arbeitstatus, Haushalt (auf deiner Home View)

      Bei deiner Lösung scheint es so, als ob du für jede Kachel (sorry, weiss nicht wie man das besser nennen soll) das view in widget verwendest D.h. du referenziert immer auf eine eigene View. Deswegen gibt es dann schlussendlich so viele einzelne Views. Wieso hast du diese Herangehensweise gewählt?
      Z.B das Heizungskachel siehe screenshot unten.

      Soll jetzt überhaupt keine Kritik sein (ich bin blutiger Anfänger). Möchte aber wissen, was "best-pratice" für diese Darstellung ist.

      Danke und Gruss

      43390214-a143-4a05-aabe-875673a0a0d3-image.png

      K 1 Reply Last reply
      0
      • AlenA Alen

        @Kuddel

        Zu erst einmal grosses Kompliment an deine Visualisierung. Sieht wirklich super aus. Und natürlich toll, dass du sie zum Download zur Verfügung stellst.
        Ich möchte eine ähnliche Vis bauen. Also schwarzer Hintergrund mit einzelnen "Kacheln" auf einer View. Geordnet nach Thema z.B. Heizung, Arbeitstatus, Haushalt (auf deiner Home View)

        Bei deiner Lösung scheint es so, als ob du für jede Kachel (sorry, weiss nicht wie man das besser nennen soll) das view in widget verwendest D.h. du referenziert immer auf eine eigene View. Deswegen gibt es dann schlussendlich so viele einzelne Views. Wieso hast du diese Herangehensweise gewählt?
        Z.B das Heizungskachel siehe screenshot unten.

        Soll jetzt überhaupt keine Kritik sein (ich bin blutiger Anfänger). Möchte aber wissen, was "best-pratice" für diese Darstellung ist.

        Danke und Gruss

        43390214-a143-4a05-aabe-875673a0a0d3-image.png

        K Offline
        K Offline
        Kuddel
        wrote on last edited by
        #1309

        @alen das war mein zweiter Versuch mit einer VIS.

        Meine aktuelle VIS ist die hier

        https://forum.iobroker.net/topic/30497/vorstellung-meine-dritte-vis

        Wurde mittlerweile aber auch schon weiterentwickelt.

        1 Reply Last reply
        0
        • O Offline
          O Offline
          oreck
          wrote on last edited by
          #1310

          erst mal kann ich die Arbeit nur bewundern. Muss eine Menge Zeit gekostet haben.

          Ich habe mir Deine Vis mal zum Testen installiert. Hat ohne Probleme funktioniert.

          Allerdings habe ich eine kleine Verständnis Frage.

          Ich habe mir die Wetter VIS auf mich umgebaut. Woran ich scheitere sind die Zeiten für Sonnenaufgang und -untergang.
          Die Punkte habe ich über das Java angelegt. Nur stehen hier keine Werte drin.
          Wie kommen hier Werte für die Zeiten in die Java Objekte.

          Vielen Dank schon mal.

          K 1 Reply Last reply
          0
          • O oreck

            erst mal kann ich die Arbeit nur bewundern. Muss eine Menge Zeit gekostet haben.

            Ich habe mir Deine Vis mal zum Testen installiert. Hat ohne Probleme funktioniert.

            Allerdings habe ich eine kleine Verständnis Frage.

            Ich habe mir die Wetter VIS auf mich umgebaut. Woran ich scheitere sind die Zeiten für Sonnenaufgang und -untergang.
            Die Punkte habe ich über das Java angelegt. Nur stehen hier keine Werte drin.
            Wie kommen hier Werte für die Zeiten in die Java Objekte.

            Vielen Dank schon mal.

            K Offline
            K Offline
            Kuddel
            wrote on last edited by
            #1311

            @oreck warte mal bis morgen früh. Die Skripte laufen um kurz nach Mitternacht

            O 1 Reply Last reply
            0
            • K Kuddel

              @oreck warte mal bis morgen früh. Die Skripte laufen um kurz nach Mitternacht

              O Offline
              O Offline
              oreck
              wrote on last edited by
              #1312

              @kuddel - welches Skript ist denn dafür zuständig. Ich habe zum Testen und damit es nicht zu viele Fehlermeldungen gibt erst mal alle Skripte deaktiviert. Ist das Skript Zeiten dafür zuständig ?

              K 1 Reply Last reply
              0
              • O oreck

                @kuddel - welches Skript ist denn dafür zuständig. Ich habe zum Testen und damit es nicht zu viele Fehlermeldungen gibt erst mal alle Skripte deaktiviert. Ist das Skript Zeiten dafür zuständig ?

                K Offline
                K Offline
                Kuddel
                wrote on last edited by
                #1313

                @oreck jo genau. Das müsste es sein

                1 Reply Last reply
                0
                • O Offline
                  O Offline
                  oreck
                  wrote on last edited by
                  #1314

                  @kuddel said in [Vorstellung] Meine zweite Visualisierung:

                  @oreck jo genau. Das müsste es sein

                  Super hat funktioniert.

                  Ich hätte da noch eine Frage. Ich suche mir aus Deiner VIS verschiedene Views aus und exportiere diese.
                  Dann Importiere ich diese in mein eigenes Projekt um es dann anzupassen. Es kommt immer wieder zu Problemen. Nach dem Import eines Views passiert nichts, der View wurde auch nur leer angelegt. Es kommt immer wieder die Meldung Verbindungsproblem.

                  Hat jemand eine Idee was ich falsch mache ?

                  GlasfaserG DJMarc75D 2 Replies Last reply
                  0
                  • O oreck

                    @kuddel said in [Vorstellung] Meine zweite Visualisierung:

                    @oreck jo genau. Das müsste es sein

                    Super hat funktioniert.

                    Ich hätte da noch eine Frage. Ich suche mir aus Deiner VIS verschiedene Views aus und exportiere diese.
                    Dann Importiere ich diese in mein eigenes Projekt um es dann anzupassen. Es kommt immer wieder zu Problemen. Nach dem Import eines Views passiert nichts, der View wurde auch nur leer angelegt. Es kommt immer wieder die Meldung Verbindungsproblem.

                    Hat jemand eine Idee was ich falsch mache ?

                    GlasfaserG Offline
                    GlasfaserG Offline
                    Glasfaser
                    wrote on last edited by
                    #1315

                    @oreck sagte in [Vorstellung] Meine zweite Visualisierung:

                    Es kommt immer wieder die Meldung Verbindungsproblem.
                    Hat jemand eine Idee was ich falsch mache ?

                    Stelle mal Testweise um auf ws um
                    siehe hier :

                    https://forum.iobroker.net/topic/55990/erledigt-keine-anzeige-der-projekte-in-visedit

                    Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                    1 Reply Last reply
                    0
                    • O oreck

                      @kuddel said in [Vorstellung] Meine zweite Visualisierung:

                      @oreck jo genau. Das müsste es sein

                      Super hat funktioniert.

                      Ich hätte da noch eine Frage. Ich suche mir aus Deiner VIS verschiedene Views aus und exportiere diese.
                      Dann Importiere ich diese in mein eigenes Projekt um es dann anzupassen. Es kommt immer wieder zu Problemen. Nach dem Import eines Views passiert nichts, der View wurde auch nur leer angelegt. Es kommt immer wieder die Meldung Verbindungsproblem.

                      Hat jemand eine Idee was ich falsch mache ?

                      DJMarc75D Offline
                      DJMarc75D Offline
                      DJMarc75
                      wrote on last edited by
                      #1316

                      @oreck sagte in [Vorstellung] Meine zweite Visualisierung:

                      Hat jemand eine Idee was ich falsch mache ?

                      Falsch nicht aber die Suchfunktion nutzen :stuck_out_tongue_winking_eye:

                      https://forum.iobroker.net/topic/56074/gelöst-vis-verbindungsfehler-seit-update-auf-js-4-0?_=1656937617124

                      Lehrling seit 1975 !!!
                      Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
                      https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

                      1 Reply Last reply
                      0
                      • K Kuddel

                        Nachdem ich mit der ersten Version meiner VIS nicht mehr zufreiden war, hab ich mich daran gemacht, alles einmal komplett neu zu machem.

                        Die Seiten sind alle fpr mein Galaxy Tab A erstellt worden.

                        Vielen Dank an @Annuit20 , der ebenfalls seine komplette VIS zur Verfügung gestellt hat. An dieser konnte ich mich orientieren und mir einige Ideen abgucken.

                        Ich denke so richtig fertig ist man ja nie, aber ein Bisschen habe ich schon geschafft….

                        1_Startseite.PNG

                        2_Erdgeschoss_Seite_1.PNG

                        2_Erdgeschoss_Seite_1.1.PNG

                        2_Erdgeschoss_Seite_1.2.PNG

                        2_Erdgeschoss_Seite_2.PNG

                        3_Obergeschoss.PNG

                        4_Wetter.PNG

                        4_Wetter_regenradar.PNG

                        5_System.PNG

                        5_System_1_ioBroker.PNG

                        5_System_2_ioBroker.PNG

                        5_System_3_CCU.PNG

                        5_System_4_Bewaesserung.PNG

                        5_System_5_VU.PNG

                        5_System_6_ESX-NUC.PNG

                        5_System_7_NUT-Server.PNG

                        5_System_8_USV.PNG

                        5_System_9_Daniel.PNG

                        5_System_10_Win10.PNG

                        5_System_11_Unifi.PNG

                        5_System_12_OMV.PNG

                        5_System_13_WinNAS.PNG

                        6_Logs.PNG

                        7_ioBroker.PNG

                        8_CCU.PNG

                        9_Netzwerk.PNG

                        10_Staubsauger.PNG

                        11_Spritpreise.PNG

                        12_1_Echo_Geräte.PNG

                        12_2_Echo_Gruppen.PNG

                        12_VMware.PNG

                        13_TV.PNG

                        14_Kodi+.PNG

                        Damit alles korrekt dargestellt wird, müssen folgende Widgets installiert sein:
                        widgtes.PNG

                        Für die Icons wird des Weiteren der Adapter "icons-mfd-png" benötigt.

                        Skripte

                        Alle Objekte, mit denen ich in meinen Skripten arbeite, können mit einem Javascript erstellt werden:
                        objekte.txt

                        Hier sind alle meine Skirpte als komplett Export aus der Scriptengine

                        2020-03-17-scripts.zip

                        Danke an @Kaiman55 für den Test-Import.

                        Anleitung Skript Import:

                        1. Download der Datei "2020-03-17-scripts.zip"
                        2. Eigene Skripte in Zip Datei exportieren
                        3. Beide Archive entpacken und dann die Skripte / Gruppen in einem gemeinsamen Archiv zusamfenühren
                        4. Import des neu erstellten Archis

                        VIS-Export 06.11.19:

                        2019-11-06-VIS.zip

                        Hier meine Icons
                        Meine_Icons.zip

                        Workaround für das Hochladen der kompletten VIS

                        1. Meine_Icons.zip entpacken
                        2. 2019-11-06-VIS.zip entpacken
                        3. Die beiden VIS-Datein und die den Icons Ordner zu einem neuen Zip Archiv zusammefügen
                        4. Das neue Zip archiv importieren
                        M Offline
                        M Offline
                        Matze_HH
                        wrote on last edited by
                        #1317

                        @kuddel
                        Moin und frohe Weihnachten, der Thread ist zwar schon etwas älter, aber ich versuche trotzdem mein Glück :)

                        Wo finde ich die Buttons/Symbole und die Zustandsbalken/Akkustandsbalken? Welchen Adapter muss ich verwenden?

                        Vielen Dank im Voraus :)

                        K 1 Reply Last reply
                        0
                        • M Matze_HH

                          @kuddel
                          Moin und frohe Weihnachten, der Thread ist zwar schon etwas älter, aber ich versuche trotzdem mein Glück :)

                          Wo finde ich die Buttons/Symbole und die Zustandsbalken/Akkustandsbalken? Welchen Adapter muss ich verwenden?

                          Vielen Dank im Voraus :)

                          K Offline
                          K Offline
                          Kuddel
                          wrote on last edited by
                          #1318

                          @matze_hh magst du kurz einen Screenshot posten, damit ich weiß welche Icons du genau meinst

                          M 1 Reply Last reply
                          0
                          • K Kuddel

                            @matze_hh magst du kurz einen Screenshot posten, damit ich weiß welche Icons du genau meinst

                            M Offline
                            M Offline
                            Matze_HH
                            wrote on last edited by
                            #1319

                            @kuddel Na klar, sorry :)

                            1573034004734-10_staubsauger.png

                            K 1 Reply Last reply
                            0
                            • M Matze_HH

                              @kuddel Na klar, sorry :)

                              1573034004734-10_staubsauger.png

                              K Offline
                              K Offline
                              Kuddel
                              wrote on last edited by
                              #1320

                              @matze_hh ich habe bei mir folgende VIS Erweiterungen instlliert:

                              a58f66a7-e2d8-44a0-a222-eda2a347cc8a-grafik.png

                              Ich tippe auf

                              vis-bars
                              oder
                              vis-canvas-gauges

                              1 Reply Last reply
                              0
                              • K Kuddel

                                Nachdem ich mit der ersten Version meiner VIS nicht mehr zufreiden war, hab ich mich daran gemacht, alles einmal komplett neu zu machem.

                                Die Seiten sind alle fpr mein Galaxy Tab A erstellt worden.

                                Vielen Dank an @Annuit20 , der ebenfalls seine komplette VIS zur Verfügung gestellt hat. An dieser konnte ich mich orientieren und mir einige Ideen abgucken.

                                Ich denke so richtig fertig ist man ja nie, aber ein Bisschen habe ich schon geschafft….

                                1_Startseite.PNG

                                2_Erdgeschoss_Seite_1.PNG

                                2_Erdgeschoss_Seite_1.1.PNG

                                2_Erdgeschoss_Seite_1.2.PNG

                                2_Erdgeschoss_Seite_2.PNG

                                3_Obergeschoss.PNG

                                4_Wetter.PNG

                                4_Wetter_regenradar.PNG

                                5_System.PNG

                                5_System_1_ioBroker.PNG

                                5_System_2_ioBroker.PNG

                                5_System_3_CCU.PNG

                                5_System_4_Bewaesserung.PNG

                                5_System_5_VU.PNG

                                5_System_6_ESX-NUC.PNG

                                5_System_7_NUT-Server.PNG

                                5_System_8_USV.PNG

                                5_System_9_Daniel.PNG

                                5_System_10_Win10.PNG

                                5_System_11_Unifi.PNG

                                5_System_12_OMV.PNG

                                5_System_13_WinNAS.PNG

                                6_Logs.PNG

                                7_ioBroker.PNG

                                8_CCU.PNG

                                9_Netzwerk.PNG

                                10_Staubsauger.PNG

                                11_Spritpreise.PNG

                                12_1_Echo_Geräte.PNG

                                12_2_Echo_Gruppen.PNG

                                12_VMware.PNG

                                13_TV.PNG

                                14_Kodi+.PNG

                                Damit alles korrekt dargestellt wird, müssen folgende Widgets installiert sein:
                                widgtes.PNG

                                Für die Icons wird des Weiteren der Adapter "icons-mfd-png" benötigt.

                                Skripte

                                Alle Objekte, mit denen ich in meinen Skripten arbeite, können mit einem Javascript erstellt werden:
                                objekte.txt

                                Hier sind alle meine Skirpte als komplett Export aus der Scriptengine

                                2020-03-17-scripts.zip

                                Danke an @Kaiman55 für den Test-Import.

                                Anleitung Skript Import:

                                1. Download der Datei "2020-03-17-scripts.zip"
                                2. Eigene Skripte in Zip Datei exportieren
                                3. Beide Archive entpacken und dann die Skripte / Gruppen in einem gemeinsamen Archiv zusamfenühren
                                4. Import des neu erstellten Archis

                                VIS-Export 06.11.19:

                                2019-11-06-VIS.zip

                                Hier meine Icons
                                Meine_Icons.zip

                                Workaround für das Hochladen der kompletten VIS

                                1. Meine_Icons.zip entpacken
                                2. 2019-11-06-VIS.zip entpacken
                                3. Die beiden VIS-Datein und die den Icons Ordner zu einem neuen Zip Archiv zusammefügen
                                4. Das neue Zip archiv importieren
                                erlkE Offline
                                erlkE Offline
                                erlk
                                wrote on last edited by
                                #1321

                                @kuddel Hi, sehr schön!
                                Ich wollte mir mal ein paar Ideen klauen :d, deswegen wollte ich das Projekt bei mir importieren ich bekomme keine Fehler Meldung aber es wird nicht unter Projekten angezeigt. Habe ich denn .zip Ordner falsch erstellt? Könnte jemand das für mich übernehmen :)
                                Danke!

                                P 1 Reply Last reply
                                0
                                • erlkE erlk

                                  @kuddel Hi, sehr schön!
                                  Ich wollte mir mal ein paar Ideen klauen :d, deswegen wollte ich das Projekt bei mir importieren ich bekomme keine Fehler Meldung aber es wird nicht unter Projekten angezeigt. Habe ich denn .zip Ordner falsch erstellt? Könnte jemand das für mich übernehmen :)
                                  Danke!

                                  P Offline
                                  P Offline
                                  Papjurek
                                  wrote on last edited by
                                  #1322

                                  Hey, sage mal, es gibt ja inzwischen VIS-2. Ich habe probiert dein Projekt dort einzufügen um mir diverse Sachen mal genauer anszusehen und evtl. mich daran zu bedienen :-).
                                  Nun läd er das Projekt allerdings nicht, denke das es an VIS liegt.
                                  Hatte nun gelesen das es ein anderes Format ist und das man in VIS das Projekt zum VIS-2 Format formatieren kann.
                                  Besteht die möglichkeit das du dein Projekt in VIS-2 Format hier hochlädst für uns :-9??
                                  Gruß

                                  K 1 Reply Last reply
                                  0
                                  • P Papjurek

                                    Hey, sage mal, es gibt ja inzwischen VIS-2. Ich habe probiert dein Projekt dort einzufügen um mir diverse Sachen mal genauer anszusehen und evtl. mich daran zu bedienen :-).
                                    Nun läd er das Projekt allerdings nicht, denke das es an VIS liegt.
                                    Hatte nun gelesen das es ein anderes Format ist und das man in VIS das Projekt zum VIS-2 Format formatieren kann.
                                    Besteht die möglichkeit das du dein Projekt in VIS-2 Format hier hochlädst für uns :-9??
                                    Gruß

                                    K Offline
                                    K Offline
                                    Kuddel
                                    wrote on last edited by
                                    #1323

                                    @papjurek aktuell habe mich mit VIS-2 noch gar nicht beschäftigt.

                                    Wenn ich dazu kommen, wäre ein Upload natürlich möglich.

                                    P 1 Reply Last reply
                                    0
                                    • K Kuddel

                                      @papjurek aktuell habe mich mit VIS-2 noch gar nicht beschäftigt.

                                      Wenn ich dazu kommen, wäre ein Upload natürlich möglich.

                                      P Offline
                                      P Offline
                                      Papjurek
                                      wrote on last edited by
                                      #1324

                                      @kuddel Oh das wäre ja cool. Ich bekomme die VIS bei mir einfach nicht zum laufen. Habe schon so viel rumgelesen aber nirgends den entscheidenen Tipp um das zum laufen zu bekommen.
                                      VIS-2 läuft und ich fuxe mich da so langsam rein. Dachte wenn man so eine coole Vorlage hat dann kann man sich die Sachen abgucken und versuchen zu begreifen.

                                      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

                                      707

                                      Online

                                      32.6k

                                      Users

                                      82.3k

                                      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