Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. iobroker ist mega- die Visualisierung ein Supergau

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.9k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.3k

iobroker ist mega- die Visualisierung ein Supergau

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
67 Beiträge 25 Kommentatoren 30.4k Aufrufe 30 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • Jey CeeJ Online
    Jey CeeJ Online
    Jey Cee
    Developer
    schrieb am zuletzt editiert von
    #8

    Naja es gibt Material UI das ist schon nah dran.

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

    K 1 Antwort Letzte Antwort
    0
    • 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
      schrieb am zuletzt editiert von
      #9

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

      1 Antwort Letzte Antwort
      0
      • Jey CeeJ Jey Cee

        Naja es gibt Material UI das ist schon nah dran.

        K Offline
        K Offline
        kaiserm
        schrieb am zuletzt editiert von
        #10

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

        BBTownB 1 Antwort Letzte Antwort
        0
        • Jey CeeJ Online
          Jey CeeJ Online
          Jey Cee
          Developer
          schrieb am zuletzt editiert von
          #11

          Das war eigentlich auf @HeliosFan seine Aussage bezogen.

          @kaiserm bitte doppel post vermeiden.

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

          1 Antwort Letzte Antwort
          0
          • D Offline
            D Offline
            dtp
            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
            0
            • K kaiserm

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

              BBTownB Offline
              BBTownB Offline
              BBTown
              schrieb am zuletzt editiert von 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.0.7 jsonl/jsonl / HomeMatic CCU-2 (Wired und Funk) / Philips HUE / echo.DOT / Broadlink RM pro / SONOS

              K 1 Antwort Letzte Antwort
              0
              • M Offline
                M Offline
                Matthias321
                schrieb am zuletzt editiert von
                #14

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

                1 Antwort Letzte Antwort
                0
                • PeoplesP Offline
                  PeoplesP Offline
                  Peoples
                  schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
                  7
                  • H Offline
                    H Offline
                    hans_999
                    schrieb am zuletzt editiert von hans_999
                    #16

                    ...
                    Falsch gepostet

                    1 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #17

                      @Peoples

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

                      1 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #18

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

                        1 Antwort Letzte Antwort
                        0
                        • K Offline
                          K Offline
                          kaiserm
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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: 20.17.0 NPM: 10.8.2
                            ° Proxmox, Ubuntu 22.04.3 LTS
                            ° Fixer ---> iob fix

                            PeoplesP 1 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #22

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

                                PeoplesP 1 Antwort Letzte Antwort
                                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
                                  schrieb am zuletzt editiert von
                                  #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 Antworten Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von
                                    #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 Antwort Letzte Antwort
                                    0
                                    • L Offline
                                      L Offline
                                      lesiflo
                                      Most Active
                                      schrieb am zuletzt editiert von
                                      #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 Antwort Letzte Antwort
                                      0
                                      • BostilB Offline
                                        BostilB Offline
                                        Bostil
                                        schrieb am zuletzt editiert von
                                        #26

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

                                        PeoplesP 1 Antwort Letzte Antwort
                                        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
                                          schrieb am zuletzt editiert von
                                          #27

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

                                          Ich beantworte keine Fragen zu Themen via PN

                                          BostilB 1 Antwort Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          496

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe