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 aktuelle Visualisierung

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    793

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

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

[Vorstellung] Meine aktuelle Visualisierung

Scheduled Pinned Locked Moved Visualisierung
material uiown projectvis
35 Posts 13 Posters 8.1k Views 16 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.
  • M mrMuppet

    @dos1973 gibt's irgend nen Grund das Live im Browser und nicht vorher im Photoshop zu machen?

    D Offline
    D Offline
    dos1973
    wrote on last edited by
    #17

    @mrMuppet
    ich kann es leider nur so ;-)

    1 Reply Last reply
    0
    • E Offline
      E Offline
      eMd
      wrote on last edited by
      #18

      Hallo,

      wie kann ich eine Schriftart einbinden? Habe sie hochgeladen auf den iobroker, kann aber die Schriftart nirgends auswählen...

      MfG
      eMd

      Master: Intel NUC 16GB/500GB
      Slave: Raspberry Pi 3 + Homematicmodul
      Shelly, Google Home, Zigbee Aqara, Sonoff

      Meine VIS: https://youtu.be/JMYr2KYlpME

      1 Reply Last reply
      0
      • htreckslerH Offline
        htreckslerH Offline
        htrecksler
        Forum Testing
        wrote on last edited by
        #19

        der Client /Tablet/PC/Handy muss die Schriftart können/kennen

        Gruss Hermann

        ioBroker auf Proxmox (Debian) auf IntelNuc als Produktivsystem

        E 1 Reply Last reply
        0
        • htreckslerH htrecksler

          der Client /Tablet/PC/Handy muss die Schriftart können/kennen

          E Offline
          E Offline
          eMd
          wrote on last edited by
          #20

          @htrecksler
          Ja das ist klar, aber wie kann ich die Schriftart in der VIS auswählen? Sie wird mir unter fonts nicht angezeigt bei CSS Font... Das ist mein eigentliches Problem ☺️

          Master: Intel NUC 16GB/500GB
          Slave: Raspberry Pi 3 + Homematicmodul
          Shelly, Google Home, Zigbee Aqara, Sonoff

          Meine VIS: https://youtu.be/JMYr2KYlpME

          1 Reply Last reply
          0
          • htreckslerH Offline
            htreckslerH Offline
            htrecksler
            Forum Testing
            wrote on last edited by
            #21

            kannst Du die Schriftart nicht einfach reinschreiben?

            Gruss Hermann

            ioBroker auf Proxmox (Debian) auf IntelNuc als Produktivsystem

            1 Reply Last reply
            0
            • E Offline
              E Offline
              eMd
              wrote on last edited by
              #22

              Nein, das funktioniert nicht. Nichjt mit dem Namen und auch nicht mit dem Pfad zur Datei...

              Master: Intel NUC 16GB/500GB
              Slave: Raspberry Pi 3 + Homematicmodul
              Shelly, Google Home, Zigbee Aqara, Sonoff

              Meine VIS: https://youtu.be/JMYr2KYlpME

              D 1 Reply Last reply
              0
              • E eMd

                Nein, das funktioniert nicht. Nichjt mit dem Namen und auch nicht mit dem Pfad zur Datei...

                D Offline
                D Offline
                dmm
                wrote on last edited by
                #23

                @eMd https://forum.iobroker.net/topic/938/schriftarten/2

                ... hatte auch das Problem, so geht’s ganz leicht.

                1 Reply Last reply
                0
                • M Offline
                  M Offline
                  mrMuppet
                  wrote on last edited by
                  #24

                  Hab meinen Look jetzt etwas von der Nest-Oberfläche entfernt. Aber inhaltlich soll es immer noch so variabel bleiben: Also die Rolladen-Tasten nur morgens wenn sie noch unten sind oder abends, die Markise nur bei Sonnenschein am Nachmittag bis abend, das Licht erst ab Dämmerung etc....

                  Hatte ich eigentlich auch ganz schön gemacht: ein Button für die Hauptfunktion und eine Taste um alle Einstellmöglichkeiten zu dem Gewerk zu erreichen. Damit ich bei der Belegung des Buttons flexibel bin, habe ich jeweil eine kleinen View gebaut der dann über "View in Widget" eingebunden wird. Aber leider ist das auch das Problem. Zum einen funktioniert die Darstellung des Widgets bei mir nicht zuverlässig (im Browser schon, in der Vis-app nicht) - zum anderen können leider nur 8 Views verwendet werden. 😢
                  Leider kenne ich mich mit CSS nicht aus... wie kann ich das ganze doch realisieren? Also mit Views die an wechselnden Positionen angezeigt werden?

                  9aa17f0f-8884-4db7-8648-7ef61254b88c-image.png

                  ioBroker auf NUC (Celeron mit Ubuntu-Server)

                  Homematic, HMIP, Hue, Unifi, Plex, Nest, Roborock, Google Assistant

                  T 1 Reply Last reply
                  0
                  • M Offline
                    M Offline
                    mrMuppet
                    wrote on last edited by
                    #25

                    Wegen der o.g. Probleme meine Anzeigen variabel genug zu gestalten, habe ich mich für ein neues Konzept entschieden: es werden nur die vier Hauptbereiche "Licht", "Beschattung", "Staubsauger" und "Heizung" mit jeweils einer Preset-funktion in der Hauptansicht dargestellt. Ist halt wirklich schade, dass die Vis-App mit dem Material-design-widget nicht klarkommt. Aber zur Not wird es halt als Hintergrundbild (dann leider ohne Animation) verwirklicht.

                    0f2cfb1f-5238-4b99-8a0e-04c69dd9e4fc-image.png

                    ioBroker auf NUC (Celeron mit Ubuntu-Server)

                    Homematic, HMIP, Hue, Unifi, Plex, Nest, Roborock, Google Assistant

                    S 1 Reply Last reply
                    0
                    • M mrMuppet

                      Wegen der o.g. Probleme meine Anzeigen variabel genug zu gestalten, habe ich mich für ein neues Konzept entschieden: es werden nur die vier Hauptbereiche "Licht", "Beschattung", "Staubsauger" und "Heizung" mit jeweils einer Preset-funktion in der Hauptansicht dargestellt. Ist halt wirklich schade, dass die Vis-App mit dem Material-design-widget nicht klarkommt. Aber zur Not wird es halt als Hintergrundbild (dann leider ohne Animation) verwirklicht.

                      0f2cfb1f-5238-4b99-8a0e-04c69dd9e4fc-image.png

                      S Offline
                      S Offline
                      SaiBot1981
                      wrote on last edited by
                      #26

                      @mrMuppet said in [Vorstellung] Meine aktuelle Visualisierung:

                      Wegen der o.g. Probleme meine Anzeigen variabel genug zu gestalten, habe ich mich für ein neues Konzept entschieden: es werden nur die vier Hauptbereiche "Licht", "Beschattung", "Staubsauger" und "Heizung" mit jeweils einer Preset-funktion in der Hauptansicht dargestellt. Ist halt wirklich schade, dass die Vis-App mit dem Material-design-widget nicht klarkommt. Aber zur Not wird es halt als Hintergrundbild (dann leider ohne Animation) verwirklicht.

                      0f2cfb1f-5238-4b99-8a0e-04c69dd9e4fc-image.png

                      Also das sieht echt mega aus. das übersteigt aber meine Künste.....

                      1 Reply Last reply
                      0
                      • M mrMuppet

                        Hab meinen Look jetzt etwas von der Nest-Oberfläche entfernt. Aber inhaltlich soll es immer noch so variabel bleiben: Also die Rolladen-Tasten nur morgens wenn sie noch unten sind oder abends, die Markise nur bei Sonnenschein am Nachmittag bis abend, das Licht erst ab Dämmerung etc....

                        Hatte ich eigentlich auch ganz schön gemacht: ein Button für die Hauptfunktion und eine Taste um alle Einstellmöglichkeiten zu dem Gewerk zu erreichen. Damit ich bei der Belegung des Buttons flexibel bin, habe ich jeweil eine kleinen View gebaut der dann über "View in Widget" eingebunden wird. Aber leider ist das auch das Problem. Zum einen funktioniert die Darstellung des Widgets bei mir nicht zuverlässig (im Browser schon, in der Vis-app nicht) - zum anderen können leider nur 8 Views verwendet werden. 😢
                        Leider kenne ich mich mit CSS nicht aus... wie kann ich das ganze doch realisieren? Also mit Views die an wechselnden Positionen angezeigt werden?

                        9aa17f0f-8884-4db7-8648-7ef61254b88c-image.png

                        T Offline
                        T Offline
                        Tirador
                        wrote on last edited by
                        #27

                        @mrMuppet Finde dein Design sehr gelungen. Würdest Du einen Export des Projekts veröffentlichen? :)

                        M 1 Reply Last reply
                        0
                        • D dos1973

                          ich glaube ohne jemanden der code/ programmieren kann wird das nichts ;-) also zumindest von meiner Seite.

                          ungeachtet dessen hat mich dein oben gezeigtes Beispiel inspiriert und ich habe bei Dir abgeschaut und es nachgebaut ;-) Danke für die tolle Idee!

                          fully-screenshot-4.png

                          die Texte ändern sich entsprechend des Stats

                          G Offline
                          G Offline
                          g.polat
                          wrote on last edited by
                          #28

                          @dos1973 sagte in [Vorstellung] Meine aktuelle Visualisierung:

                          ich glaube ohne jemanden der code/ programmieren kann wird das nichts ;-) also zumindest von meiner Seite.

                          ungeachtet dessen hat mich dein oben gezeigtes Beispiel inspiriert und ich habe bei Dir abgeschaut und es nachgebaut ;-) Danke für die tolle Idee!

                          fully-screenshot-4.png

                          die Texte ändern sich entsprechend des Stats

                          Wenn du das Projekt noch irgendwo hast, hätte ich auch Interesse

                          D 1 Reply Last reply
                          0
                          • G g.polat

                            @dos1973 sagte in [Vorstellung] Meine aktuelle Visualisierung:

                            ich glaube ohne jemanden der code/ programmieren kann wird das nichts ;-) also zumindest von meiner Seite.

                            ungeachtet dessen hat mich dein oben gezeigtes Beispiel inspiriert und ich habe bei Dir abgeschaut und es nachgebaut ;-) Danke für die tolle Idee!

                            fully-screenshot-4.png

                            die Texte ändern sich entsprechend des Stats

                            Wenn du das Projekt noch irgendwo hast, hätte ich auch Interesse

                            D Offline
                            D Offline
                            dos1973
                            wrote on last edited by
                            #29

                            @g-polat

                            hi,

                            anbei die views, das Hintergrundbild habe ich nicht mehr.
                            importiere alle 3 views mit genau den Namen die ich verwende.

                            00_vis5_start
                            100_sidebar
                            100_scroll_status

                            wie gesagt, habe es nicht mehr in Nutzung... d.h es fehlt ,eider das eine oder andere icon.

                            G 1 Reply Last reply
                            1
                            • D dos1973

                              @g-polat

                              hi,

                              anbei die views, das Hintergrundbild habe ich nicht mehr.
                              importiere alle 3 views mit genau den Namen die ich verwende.

                              00_vis5_start
                              100_sidebar
                              100_scroll_status

                              wie gesagt, habe es nicht mehr in Nutzung... d.h es fehlt ,eider das eine oder andere icon.

                              G Offline
                              G Offline
                              g.polat
                              wrote on last edited by
                              #30

                              @dos1973 sagte in [Vorstellung] Meine aktuelle Visualisierung:

                              @g-polat

                              hi,

                              anbei die views, das Hintergrundbild habe ich nicht mehr.
                              importiere alle 3 views mit genau den Namen die ich verwende.

                              00_vis5_start
                              100_sidebar
                              100_scroll_status

                              wie gesagt, habe es nicht mehr in Nutzung... d.h es fehlt ,eider das eine oder andere icon.

                              Perfekt, vielen Dank.

                              1 Reply Last reply
                              0
                              • T Tirador

                                @mrMuppet Finde dein Design sehr gelungen. Würdest Du einen Export des Projekts veröffentlichen? :)

                                M Offline
                                M Offline
                                mrMuppet
                                wrote on last edited by mrMuppet
                                #31

                                @Tirador Ich kann hier mal versuchen den View zu exportieren. Ich hab aber keine Ahnung ob jemand damit etwas anfangen kann.

                                Wenn euch bestimmte Dateien fehlen, dann sagt mir einfach bescheid.

                                Edit: Wegen möglicher Urheberrechtsprobleme mit den eingebundenen Grafiken habe ich den Dateianhang entfernt.

                                ioBroker auf NUC (Celeron mit Ubuntu-Server)

                                Homematic, HMIP, Hue, Unifi, Plex, Nest, Roborock, Google Assistant

                                1 Reply Last reply
                                0
                                • M Offline
                                  M Offline
                                  mscustom
                                  wrote on last edited by
                                  #32

                                  Moin,
                                  nachdem ich jetzt die meisten Objekte soweit zum Laufen gebracht habe und ein wenig mit den verschiedenen Visualisierungen probiert habe, habe ich jetzt deine Visu gesehen @mrMuppet. Das ist wirklich großartig und im Welten besser als das was ich bisher gesehen habe.

                                  Dein Export beinhaltet leider nur die Bilder (png's) :(

                                  Ich komme selbst aus der Web-Developer-Ecke und würde gerne dein Grund-Layout verwenden um schonmal einen guten Start zu haben.

                                  M 1 Reply Last reply
                                  0
                                  • M mscustom

                                    Moin,
                                    nachdem ich jetzt die meisten Objekte soweit zum Laufen gebracht habe und ein wenig mit den verschiedenen Visualisierungen probiert habe, habe ich jetzt deine Visu gesehen @mrMuppet. Das ist wirklich großartig und im Welten besser als das was ich bisher gesehen habe.

                                    Dein Export beinhaltet leider nur die Bilder (png's) :(

                                    Ich komme selbst aus der Web-Developer-Ecke und würde gerne dein Grund-Layout verwenden um schonmal einen guten Start zu haben.

                                    M Offline
                                    M Offline
                                    mrMuppet
                                    wrote on last edited by
                                    #33

                                    @mscustom sagte in [Vorstellung] Meine aktuelle Visualisierung:

                                    Dein Export beinhaltet leider nur die Bilder (png's) :(

                                    Hoops! Stimmt... Hier kommt der View main_export_v01.txt

                                    ioBroker auf NUC (Celeron mit Ubuntu-Server)

                                    Homematic, HMIP, Hue, Unifi, Plex, Nest, Roborock, Google Assistant

                                    1 Reply Last reply
                                    0
                                    • M Offline
                                      M Offline
                                      mrMuppet
                                      wrote on last edited by mrMuppet
                                      #34

                                      Der Vollständigkeit halber zeige ich hier auch noch den finalen Zustand dieser Visu.
                                      Inzwischen arbeite ich aber an einer neuen die ihr hier finden könnt.

                                      Material_design_2020_01.jpg Material_design_2020_06.jpg Material_design_2020_05.jpg Material_design_2020_04.jpg Material_design_2020_03.jpg Material_design_2020_02.jpg

                                      ioBroker auf NUC (Celeron mit Ubuntu-Server)

                                      Homematic, HMIP, Hue, Unifi, Plex, Nest, Roborock, Google Assistant

                                      N 1 Reply Last reply
                                      1
                                      • M mrMuppet

                                        Der Vollständigkeit halber zeige ich hier auch noch den finalen Zustand dieser Visu.
                                        Inzwischen arbeite ich aber an einer neuen die ihr hier finden könnt.

                                        Material_design_2020_01.jpg Material_design_2020_06.jpg Material_design_2020_05.jpg Material_design_2020_04.jpg Material_design_2020_03.jpg Material_design_2020_02.jpg

                                        N Offline
                                        N Offline
                                        nousefor82
                                        wrote on last edited by
                                        #35

                                        @mrmuppet

                                        Schönes Farbschema, sehr aufgeräumt und übersichtlich.

                                        Wie auch die VISen(?) von @dos1973 genau mein Geschmack!

                                        Du müsstest jedoch die Kachel: Schaltsteckdose Küche ein paar Pixel nach unten korrigieren 😜

                                        1 Reply Last reply
                                        0

                                        Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                        Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                        With your input, this post could be even better 💗

                                        Register Login
                                        Reply
                                        • Reply as topic
                                        Log in to reply
                                        • Oldest to Newest
                                        • Newest to Oldest
                                        • Most Votes


                                        Support us

                                        ioBroker
                                        Community Adapters
                                        Donate

                                        567

                                        Online

                                        32.8k

                                        Users

                                        82.7k

                                        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