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
    13
    1
    147

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

  • 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.
  • H HeliosFan

    @kaiserm

    Am Besten template - basierend ...
    Template wählen ...
    Skin wählen ...
    Schriftart und Farbe wählen ...

    ein bischen mit der Maus klicken, paar Icons anpassen....
    und fertig... warten bis das System daraus den fertigen Code generiert hat. :face_with_rolling_eyes: :blush:

    So ungefair ?
    Leider hat sich noch niemand die immense Arbeit gemacht, so etwas zu programmieren .

    Aber im Ernst, es gibt auf Youtube gute Anleitungen, wie man sich eine VIS baut. ( Muss ja nicht von "Schimmermedia" sein. Der Typ labert einfach zu viel )

    K Offline
    K Offline
    kaiserm
    wrote on last edited by
    #9

    @HeliosFan Klar gibt es Youtube Videos. Aber die sind m.E. Lichtjahre von dem gewünschten Ergebnis entfernt. ;-)

    1 Reply Last reply
    0
    • Jey CeeJ Jey Cee

      Naja es gibt Material UI das ist schon nah dran.

      K Offline
      K Offline
      kaiserm
      wrote on last edited by
      #10

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

      BBTownB 1 Reply Last reply
      0
      • Jey CeeJ Online
        Jey CeeJ Online
        Jey Cee
        Developer
        wrote on last edited by
        #11

        Das war eigentlich auf @HeliosFan seine Aussage bezogen.

        @kaiserm bitte doppel post vermeiden.

        Persönlicher Support
        Spenden -> paypal.me/J3YC33

        1 Reply Last reply
        0
        • 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 Online
                                    L Online
                                    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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          519

                                          Online

                                          32.7k

                                          Users

                                          82.4k

                                          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