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. iobroker ist mega- die Visualisierung ein Supergau

NEWS

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

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

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

iobroker ist mega- die Visualisierung ein Supergau

Scheduled Pinned Locked Moved Visualisierung
vis
67 Posts 25 Posters 32.0k Views 30 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.
  • D Offline
    D Offline
    dtp
    wrote on last edited by dtp
    #12

    Ja, die Visualisierung ist aufwändig und kostet mitunter sehr viel Zeit. Ich habe da bestimmt schon weit über 200 Stunden reingesteckt. Und wenn man dann auch noch unterschiedliche Geräte mit unterschiedlichen Bildschirmformaten hat, wird's noch lustiger.

    An dieser doch recht simplen Wetterseite habe ich z.B. locker 10 Stunden gesessen.

    2019-10-21_08h28_48.png

    Und die Steuerseite für meine Heizung hat in Summe bestimmt 50 Stunden verschlungen.

    2019-10-21_08h27_50.png

    Da sind zum Teil fünf und mehr Widgets übereinander gelegt, die dann je nach Info ein- und ausgeblendet werden bzw. ihre Farbe ändern.

    Trotzdem bin ich soweit zufrieden. Vor allen Dingen, weil man extrem flexibel ist. Das, was du dir da z.B. als Ideal vorstellst, lässt sich durchaus realisieren. Es wäre jetzt z.B. kein so großer Aufwand, die Farben der Widgets entsprechend deinem obigen Ideal anzupassen. Aber du kannst nicht erwarten, dass man dir hier alles auf dem Präsentierteller serviert. Da ist einfach der Wille zum selbständigen Lernen gefragt.

    Selbst kommerzielle Lösungen, wie z.B. der AIO CREATOR NEO von Mediola sind kein Plug & Play. Auch da muss man Zeit investieren.

    ioBroker im Docker-Container auf Synology DiskStation DS718+, HomeMatic IP über CCU3, IKEA Dirigera inkl. Matter, Apple Homekit, Amazon Alexa.

    1 Reply Last reply
    0
    • K kaiserm

      @Jey-Cee Meinst Du wirklich? Sieht schon wesentlich anders aus als mein Favorit. ;-)

      BBTownB Offline
      BBTownB Offline
      BBTown
      wrote on last edited by BBTown
      #13

      @kaiserm
      Du wirst dich entscheiden müssen

      • einfach nur schalten will -> nimm iQontrol
      • weitere Beispiele von IQontrol
      • soll so aussehen wie mein Favorit -> dann wirst Du Zeit investieren müssen

      ioBroker auf NUC (VM debian v13 (Trixie ), node v22.21.0 npm v10.9.4, js-controller v7.1.0 jsonl/jsonl / HomeMatic CCU-2 (Wired und Funk) / Philips HUE / echo.DOT / Broadlink RM pro / SONOS

      K 1 Reply Last reply
      0
      • M Offline
        M Offline
        Matthias321
        wrote on last edited by
        #14

        Wenn es auf mehreren Geräten laufen soll, Dan nimm etwas das responsive ist zB Lovelace.

        1 Reply Last reply
        0
        • PeoplesP Offline
          PeoplesP Offline
          Peoples
          wrote on last edited by Peoples
          #15

          Ich finde IoBroker genial mit allen Features und allen Problemchen.

          Ich habe auch weit mehr als 200 Stunden in meine Visualisierung gesteckt, bei mir wars so ich hatte im Homematic Forum mal einen Entwurf gesehen der mir gefallen hat, hab mir das dann "nachgebaut" und an meine Gegebenheiten und Wünsche angepasst. Was dann aber auch einschließt dass man die ganzen Buttons alle extra gestalten muss und das dautert eben.
          Hier ein paar Auszüge vom Ergebnis:
          Home.JPG
          Batterie.JPG
          Heizung EG.JPG
          Heizungsanlage.JPG
          System.JPG

          Ich kann nur sagen dass es sich lohnt den die Möglichkeiten sind nahezu unbegrenzt!

          Ich beantworte keine Fragen zu Themen via PN

          B NegaleinN RöstkartoffelR M S 5 Replies Last reply
          7
          • H Offline
            H Offline
            hans_999
            Banned
            wrote on last edited by hans_999
            #16

            ...
            Falsch gepostet

            1 Reply Last reply
            0
            • PeoplesP Peoples

              Ich finde IoBroker genial mit allen Features und allen Problemchen.

              Ich habe auch weit mehr als 200 Stunden in meine Visualisierung gesteckt, bei mir wars so ich hatte im Homematic Forum mal einen Entwurf gesehen der mir gefallen hat, hab mir das dann "nachgebaut" und an meine Gegebenheiten und Wünsche angepasst. Was dann aber auch einschließt dass man die ganzen Buttons alle extra gestalten muss und das dautert eben.
              Hier ein paar Auszüge vom Ergebnis:
              Home.JPG
              Batterie.JPG
              Heizung EG.JPG
              Heizungsanlage.JPG
              System.JPG

              Ich kann nur sagen dass es sich lohnt den die Möglichkeiten sind nahezu unbegrenzt!

              B Offline
              B Offline
              Bachmann77
              wrote on last edited by
              #17

              @Peoples

              wow....sieht echt super aus...würdest Du einen Export zu Verfügung stellen?
              Vielen lieben Dank vorab :)

              1 Reply Last reply
              0
              • BBTownB BBTown

                @kaiserm
                Du wirst dich entscheiden müssen

                • einfach nur schalten will -> nimm iQontrol
                • weitere Beispiele von IQontrol
                • soll so aussehen wie mein Favorit -> dann wirst Du Zeit investieren müssen
                K Offline
                K Offline
                kaiserm
                wrote on last edited by
                #18

                @BBTown Das ich Zeit investieren muss ist schon klar... da habe ich schon viel davon investiert ;-)

                1 Reply Last reply
                0
                • K Offline
                  K Offline
                  kaiserm
                  wrote on last edited by
                  #19

                  Wenn mir irgendjemand ein Grundgerüst gemäß meiner Wunsch Visualisierung bereitstellen könnte wäre das mega gut.

                  Also was für Lampen, Fenster und Temperaturen.

                  Es fängt ja schon mit den Schriftgrößen an die man da irgendwie reincodieren muss ...

                  Ist mir bis jetzt alles noch zu hoch.

                  Ich denke ja das es sich bei meinem Wunschkandidaten um Metro handelt, oder etwa nicht ;-)

                  1 Reply Last reply
                  0
                  • PeoplesP Peoples

                    Ich finde IoBroker genial mit allen Features und allen Problemchen.

                    Ich habe auch weit mehr als 200 Stunden in meine Visualisierung gesteckt, bei mir wars so ich hatte im Homematic Forum mal einen Entwurf gesehen der mir gefallen hat, hab mir das dann "nachgebaut" und an meine Gegebenheiten und Wünsche angepasst. Was dann aber auch einschließt dass man die ganzen Buttons alle extra gestalten muss und das dautert eben.
                    Hier ein paar Auszüge vom Ergebnis:
                    Home.JPG
                    Batterie.JPG
                    Heizung EG.JPG
                    Heizungsanlage.JPG
                    System.JPG

                    Ich kann nur sagen dass es sich lohnt den die Möglichkeiten sind nahezu unbegrenzt!

                    NegaleinN Offline
                    NegaleinN Offline
                    Negalein
                    Global Moderator
                    wrote on last edited by
                    #20

                    @Peoples sagte in iobroker ist mega- die Visualisierung ein Supergau:

                    den die Möglichkeiten sind nahezu unbegrenzt!

                    Hallo People!

                    Wie hast du das mit den 2 Menüs in 1 View gemacht?

                    Könnt ich den View von System haben, damit ich mir das ansehen kann?

                    Danke

                    ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
                    ° Node.js Fixer ---> iob nodejs-update
                    ° Fixer ---> iob fix

                    PeoplesP 1 Reply Last reply
                    0
                    • NegaleinN Negalein

                      @Peoples sagte in iobroker ist mega- die Visualisierung ein Supergau:

                      den die Möglichkeiten sind nahezu unbegrenzt!

                      Hallo People!

                      Wie hast du das mit den 2 Menüs in 1 View gemacht?

                      Könnt ich den View von System haben, damit ich mir das ansehen kann?

                      Danke

                      PeoplesP Offline
                      PeoplesP Offline
                      Peoples
                      wrote on last edited by Peoples
                      #21

                      @Negalein

                      Hab da einfach mehrere Links gemacht.

                      Hier das CSS:

                      .button_site_navigation_grey_200
                          {
                              height:94px;
                          	width:200px;
                          	line-height:94px;
                              text-align:center;
                              vertical-align:middle;
                          	border:#85888a solid 3px;
                              border-radius: 5px;
                          	font-size:22px;
                          	background: #0079FF;
                              background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                              background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                              background: -moz-linear-gradient(center top, #676a6e, #1f2122);
                              color:white;
                          }
                      .button_site_navigation_blue_200
                          {
                              height:94px;
                          	width:200px;
                          	line-height:94px;
                              text-align:center;
                              vertical-align:middle;
                          	border:#1a89c8 solid 3px;
                              border-radius: 5px;
                          	font-size:22px;
                          	background: #0079FF;
                              background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                              background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                              background: -moz-linear-gradient(center top, #676a6e, #1f2122);
                              color:white;
                          }
                      
                      

                      Hier der View-Export:
                      export.txt

                      Ich beantworte keine Fragen zu Themen via PN

                      B 1 Reply Last reply
                      1
                      • PeoplesP Peoples

                        @Negalein

                        Hab da einfach mehrere Links gemacht.

                        Hier das CSS:

                        .button_site_navigation_grey_200
                            {
                                height:94px;
                            	width:200px;
                            	line-height:94px;
                                text-align:center;
                                vertical-align:middle;
                            	border:#85888a solid 3px;
                                border-radius: 5px;
                            	font-size:22px;
                            	background: #0079FF;
                                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                                background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                                background: -moz-linear-gradient(center top, #676a6e, #1f2122);
                                color:white;
                            }
                        .button_site_navigation_blue_200
                            {
                                height:94px;
                            	width:200px;
                            	line-height:94px;
                                text-align:center;
                                vertical-align:middle;
                            	border:#1a89c8 solid 3px;
                                border-radius: 5px;
                            	font-size:22px;
                            	background: #0079FF;
                                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                                background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
                                background: -moz-linear-gradient(center top, #676a6e, #1f2122);
                                color:white;
                            }
                        
                        

                        Hier der View-Export:
                        export.txt

                        B Offline
                        B Offline
                        Bachmann77
                        wrote on last edited by
                        #22

                        @Peoples würdest du bitte die seite mit der Heizungsanlage exportieren? Wenn möglich mit bild der heizung?
                        Vielen dank

                        PeoplesP 1 Reply Last reply
                        0
                        • B Bachmann77

                          @Peoples würdest du bitte die seite mit der Heizungsanlage exportieren? Wenn möglich mit bild der heizung?
                          Vielen dank

                          PeoplesP Offline
                          PeoplesP Offline
                          Peoples
                          wrote on last edited by
                          #23

                          @Bachmann77
                          Die Rohre sind vom Pump-Widget oder wie das heißt musst du bei IoB installieren!

                          Hier die Bilder:

                          Bilder.zip

                          Hier der Export:
                          export.txt

                          Ich beantworte keine Fragen zu Themen via PN

                          M B 3 Replies Last reply
                          1
                          • PeoplesP Peoples

                            Ich finde IoBroker genial mit allen Features und allen Problemchen.

                            Ich habe auch weit mehr als 200 Stunden in meine Visualisierung gesteckt, bei mir wars so ich hatte im Homematic Forum mal einen Entwurf gesehen der mir gefallen hat, hab mir das dann "nachgebaut" und an meine Gegebenheiten und Wünsche angepasst. Was dann aber auch einschließt dass man die ganzen Buttons alle extra gestalten muss und das dautert eben.
                            Hier ein paar Auszüge vom Ergebnis:
                            Home.JPG
                            Batterie.JPG
                            Heizung EG.JPG
                            Heizungsanlage.JPG
                            System.JPG

                            Ich kann nur sagen dass es sich lohnt den die Möglichkeiten sind nahezu unbegrenzt!

                            RöstkartoffelR Offline
                            RöstkartoffelR Offline
                            Röstkartoffel
                            wrote on last edited by
                            #24

                            @Peoples
                            Da denke ich, meine VIS ist perfekt und habe seit einigen Wochen keine Änderung mehr gemacht und dann kommst du mit so einer hammermässigen VIS. Danke für die Inspiration. Nun muss ich bei meiner Frau nur noch Zeit dafür bekommen, sowas ähnliches auch bei uns umzusetzen.
                            Hut ab.
                            Das gilt auch für die Views von @Kuddel und @sigi234.

                            NUC7i3BNH mit Proxmox und ioBroker (VM Debian Buster), Raspi3 (Slave Smartmeter für eHZ easymeter), Hardware CCU2, SMA SB5000TL-21

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

                              Hi, wie ja schon oben angesprochen sind die Material Design Widgets von Scrounger eine gute und einfache Möglichkeit sich schnell eine Vis zusammen zustellen. Hier mal mein Beispiel wie es aussehen könnte. VIS_Wohnen.JPG VIS_Licht.JPG VIS_Home.JPG

                              G 1 Reply Last reply
                              0
                              • BostilB Offline
                                BostilB Offline
                                Bostil
                                wrote on last edited by
                                #26

                                Finde das Widget leider nicht @Peoples - kannst du vllt mit dem genauen Namen oder Link zu github dienen? Danke dir! :-)

                                PeoplesP 1 Reply Last reply
                                0
                                • BostilB Bostil

                                  Finde das Widget leider nicht @Peoples - kannst du vllt mit dem genauen Namen oder Link zu github dienen? Danke dir! :-)

                                  PeoplesP Offline
                                  PeoplesP Offline
                                  Peoples
                                  wrote on last edited by
                                  #27

                                  @Bostil
                                  Welches denn? Das für die Rohre?

                                  Ich beantworte keine Fragen zu Themen via PN

                                  BostilB 1 Reply Last reply
                                  1
                                  • S Offline
                                    S Offline
                                    smarthome2020
                                    wrote on last edited by
                                    #28

                                    Ich finde die Visualisierungsgeschichte auch sehr kompliziert. Der Editor ist nicht intuitiv. Dann wird von alleine gespeichert. Musste deswegen schon häufig neu anfangen, weil Änderungen irgendwie nicht rückgängig zu machen waren.
                                    Wäre wünschenswert, wenn es bisschen mehr wie Powerpoint wäre.
                                    Durch learning by doing lernt man aber schnell. Hab innerhalb von knapp 2 Wochen schon sehr viel gelernt, vor allem dank des tollen Forums hier.

                                    Aber mal ne andere Frage. Kann ich die Vis auch auf Windows erstellen? Ich streame ja immer vom Raspberry. Auch mit dem Pi4 ist das kein Genuss.

                                    HomoranH 1 Reply Last reply
                                    -1
                                    • S smarthome2020

                                      Ich finde die Visualisierungsgeschichte auch sehr kompliziert. Der Editor ist nicht intuitiv. Dann wird von alleine gespeichert. Musste deswegen schon häufig neu anfangen, weil Änderungen irgendwie nicht rückgängig zu machen waren.
                                      Wäre wünschenswert, wenn es bisschen mehr wie Powerpoint wäre.
                                      Durch learning by doing lernt man aber schnell. Hab innerhalb von knapp 2 Wochen schon sehr viel gelernt, vor allem dank des tollen Forums hier.

                                      Aber mal ne andere Frage. Kann ich die Vis auch auf Windows erstellen? Ich streame ja immer vom Raspberry. Auch mit dem Pi4 ist das kein Genuss.

                                      HomoranH Do not disturb
                                      HomoranH Do not disturb
                                      Homoran
                                      Global Moderator Administrators
                                      wrote on last edited by
                                      #29

                                      @smarthome2020 sagte in iobroker ist mega- die Visualisierung ein Supergau:

                                      Ich streame ja immer vom Raspberry. Auch mit dem Pi4 ist das kein Genuss.

                                      Die Geschwindigkeit liegt in diesem Fall sehr wahrscheinlich nicht am pi.

                                      Die ganze Rechenarbeit beim Rendern liegt auf dem Frontend.
                                      Ein potenter Rechner ist da sehr von Nutzen. Ein einfaches Netbook o.ä. quält sich gerne.

                                      Außerdem musst du, wenn du STRG-C und STRG-V verwendest immer mal wieder der Cache geleert werden.

                                      kein Support per PN! - Fragen im Forum stellen -

                                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                      ioBroker freut sich über eine Spende für das Forum. Benutzt dazu den Spendenbutton im Header. Danke!

                                      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                                      S 1 Reply Last reply
                                      0
                                      • PeoplesP Peoples

                                        @Bostil
                                        Welches denn? Das für die Rohre?

                                        BostilB Offline
                                        BostilB Offline
                                        Bostil
                                        wrote on last edited by
                                        #30

                                        @Peoples ja genau, ein Pumpenwidget finde ich im iobroker leider nicht. Danke.

                                        HomoranH 1 Reply Last reply
                                        0
                                        • BostilB Bostil

                                          @Peoples ja genau, ein Pumpenwidget finde ich im iobroker leider nicht. Danke.

                                          HomoranH Do not disturb
                                          HomoranH Do not disturb
                                          Homoran
                                          Global Moderator Administrators
                                          wrote on last edited by Homoran
                                          #31

                                          @Bostil sagte in iobroker ist mega- die Visualisierung ein Supergau:

                                          @Peoples ja genau, ein Pumpenwidget finde ich im iobroker leider nicht. Danke.

                                          Hast du den widgetsatz denn installiert?
                                          ![0_1581842217075_Screenshot_20200216-093423_Firefox.jpg](Lade 100% hoch)

                                          #295

                                          Das Forum mag mein Bild nicht

                                          http://download.iobroker.net/list.html

                                          kein Support per PN! - Fragen im Forum stellen -

                                          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                          ioBroker freut sich über eine Spende für das Forum. Benutzt dazu den Spendenbutton im Header. Danke!

                                          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                                          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

                                          260

                                          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