Skip to content
  • 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
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. jarvis v2.2.0 - just another remarkable vis

NEWS

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

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

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

jarvis v2.2.0 - just another remarkable vis

Scheduled Pinned Locked Moved Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
6.1k Posts 316 Posters 4.2m Views 273 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.
  • ZefauZ Zefau

    jarvis - just another remarkable vis

    Was ist jarvis?

    jarvis ist eine Material Design Visualisierung, die auf Material UI basiert. jarvis gibt eine Struktur und Module vor, die zur Visualisierung genutzt werden, aber sehr flexibel konfiguriert werden können.

    jarvis ist responsive und passt sich der Größe des Screens an.

    Das Layout ist flexibel konfigurierbar. Es können optional (beliebig viele) Tabs verwendet werden. Jeder Tab kann entweder fullscreen sein oder beliebig viele columns haben, die die einzelnen modules in flexibler Reihenfolge beinhalten.

    Jedes Modul hat spezielle Konfigurationsmöglichkeiten (siehe Wiki je Modul).

    Warum jarvis?

    jarvis ist weitaus weniger flexibel als ioBroker.vis, aber bietet dafür ein standardisiertes Design, um schnell eine Visualisierung zusammenzustellen. Wer besonders spezifische Anforderungen hat, sollte (weiterhin) ioBroker.vis verwendet.

    Mehr Informationen

    Mehr Informationen - insbesondere zur Konfiguration - gibt es im Wiki.

    Gestalte mit und stimme ab

    Bitte stimmt für eure gewünschten Feature Requests ab: Nutzt dazu die Emoticon auf Github, um für eure favorisierten Feature Requests abzustimmen:

    https://forum.iobroker.net/assets/uploads/files/1606215967286-1c3e566f-8d54-4f19-8948-eb8833c5b15f-image.png

    Jeder Emoticon zählt gleich. Bitte stimmt nicht für alle / zu viele Feature Requests ab, sonst gibt es am Ende keine großen Unterschiede mehr.

    Die Reihenfolge nach abgegebenen Stimmen seht ihr hier: Übersicht der Feature Requests nach Stimmen

    Siehe https://forum.iobroker.net/post/526170


    Impressionen

    Die Konfiguration von Modulen kann frei angeordnet werden.
    Nachfolgend einige Impressionen / Beispiele:

    Users

    @braindead: https://forum.iobroker.net/post/490283
    @JackDaniel: https://forum.iobroker.net/post/490928
    @Mooo: https://forum.iobroker.net/post/493843

    Screencast / Video

    play.png

    Screenshots

    Beispiel: Dashboard (3 columns)

    Dashboard.png

    Beispiel: Karte (Vollbild)

    Map.png

    Beispiel: Statistiken (2 columns)

    Statistik.png

    Beispiel: Status (3 columns, davon 2 leer)

    Status.png

    Module

    Die folgenden Module sind aktuell (Februar 2020) verfügbar und können frei konfiguriert werden. Eine aktuelle Liste der Module ist im Wiki zu finden.

    AdapterStatus

    AdapterStatus

    Chart

    Chart

    DateTime

    DateTime1

    Map

    Map

    StateList

    StateList1.png
    StateList2.png
    StateList3.png
    StateList4.png

    StateListHorizontal

    StateListHorizontal1.png


    Konfiguration / erste Schritte

    siehe Wiki auf Github


    Ausblick / Roadmap

    Ihr habt Wünsche? Bitte legt ein Issue auf Github an.

    MEILENSTEINE / ROADMAPs

    siehe https://github.com/Zefau/ioBroker.jarvis/milestones

    nächste Release

    • ROADMAP v2.1.0
    • ROADMAP v3.0.0
    dslraserD Offline
    dslraserD Offline
    dslraser
    Forum Testing Most Active
    wrote on last edited by
    #13

    @Zefau
    trotz Deiner umfangreichen Doku bekomme ich den "ersten Start" bzw. kein Beispiel hin, da ich noch nicht verstehe wie ich das umsetzen muss......

    @braindead

    kannst Du mir vielleicht mal ein Beispiel liefern, wie Du es umgesetzt hast ? (kannst auch gern Deine Geräte xxx en)

    ZefauZ 1 Reply Last reply
    0
    • braindeadB braindead

      @Zefau Ich möchte die VIS wahrscheinlich nur auf dem Handy nutzen um zu sehen, ob alles ok ist. Deshalb ist mein erster Ansatz Gewerke als Tabs zu nutzen.

      jarvis1.png
      jarvis2.png
      jarvis3.png
      jarvis4.png

      Durch das ganze Testen habe ich mittlerweile einige Ideen, die entweder noch nicht dokumentiert sind, oder vielleicht gar nicht gehen (z.B. die Farbe der Seite von blau auf eine andere Farbe ändern). Möchtest Du solche Ideen hier im Forum oder lieber als Issue bei GitHub sammeln?

      ZefauZ Offline
      ZefauZ Offline
      Zefau
      wrote on last edited by
      #14

      @braindead sagte in jarvis - just another remarkable vis:

      Möchtest Du solche Ideen hier im Forum oder lieber als Issue bei GitHub sammeln?

      Bitte auf Github. Dann kann ich es besser strukturieren und einplanen.

      Meine Adapter: https://zefau.github.io/iobroker/

      braindeadB 1 Reply Last reply
      0
      • dslraserD dslraser

        @Zefau
        trotz Deiner umfangreichen Doku bekomme ich den "ersten Start" bzw. kein Beispiel hin, da ich noch nicht verstehe wie ich das umsetzen muss......

        @braindead

        kannst Du mir vielleicht mal ein Beispiel liefern, wie Du es umgesetzt hast ? (kannst auch gern Deine Geräte xxx en)

        ZefauZ Offline
        ZefauZ Offline
        Zefau
        wrote on last edited by
        #15

        @dslraser sagte in jarvis - just another remarkable vis:

        trotz Deiner umfangreichen Doku bekomme ich den "ersten Start" bzw. kein Beispiel hin, da ich noch nicht verstehe wie ich das umsetzen muss......

        Hast du dir die zwei JSONs bereits zusammengestellt?

        Meine Adapter: https://zefau.github.io/iobroker/

        dslraserD 1 Reply Last reply
        0
        • ZefauZ Zefau

          @dslraser sagte in jarvis - just another remarkable vis:

          trotz Deiner umfangreichen Doku bekomme ich den "ersten Start" bzw. kein Beispiel hin, da ich noch nicht verstehe wie ich das umsetzen muss......

          Hast du dir die zwei JSONs bereits zusammengestellt?

          dslraserD Offline
          dslraserD Offline
          dslraser
          Forum Testing Most Active
          wrote on last edited by
          #16

          @Zefau sagte in jarvis - just another remarkable vis:

          Hast du dir die zwei JSONs bereits zusammengestellt?

          genau daran scheitert es im Moment.

          ZefauZ 1 Reply Last reply
          0
          • dslraserD dslraser

            @Zefau sagte in jarvis - just another remarkable vis:

            Hast du dir die zwei JSONs bereits zusammengestellt?

            genau daran scheitert es im Moment.

            ZefauZ Offline
            ZefauZ Offline
            Zefau
            wrote on last edited by
            #17

            @dslraser sagte in jarvis - just another remarkable vis:

            genau daran scheitert es im Moment.

            siehe https://github.com/Zefau/ioBroker.jarvis/wiki
            Dort ist nun ein sehr detailliertes Beispiel (meine vis)

            Meine Adapter: https://zefau.github.io/iobroker/

            siggi85S 1 Reply Last reply
            -1
            • ZefauZ Zefau

              @braindead sagte in jarvis - just another remarkable vis:

              Möchtest Du solche Ideen hier im Forum oder lieber als Issue bei GitHub sammeln?

              Bitte auf Github. Dann kann ich es besser strukturieren und einplanen.

              braindeadB Offline
              braindeadB Offline
              braindead
              Developer
              wrote on last edited by
              #18

              @Zefau said in jarvis - just another remarkable vis:

              Bitte auf Github. Dann kann ich es besser strukturieren und einplanen.

              Alles klar. Die ersten beiden Issues habe ich erstellt. Es kommen sicher noch weitere dazu. 🙂

              1 Reply Last reply
              0
              • ZefauZ Zefau

                @dslraser sagte in jarvis - just another remarkable vis:

                genau daran scheitert es im Moment.

                siehe https://github.com/Zefau/ioBroker.jarvis/wiki
                Dort ist nun ein sehr detailliertes Beispiel (meine vis)

                siggi85S Offline
                siggi85S Offline
                siggi85
                wrote on last edited by
                #19

                @Zefau Ist auch geplant, dass man selbstständig verschiedene Datenpunkte gruppiert anzeigen lassen kann? Oder muss ich bei jedem Devicetyp hoffen, dass es vom Adapter nativ unterstützt wird?
                Bspw. wie in folgendem Video, wo ein "Device" auch nur als eine Kachel dargestellt wird, aber aus mehreren Datenpunkten besteht (Farbtemperatur, Helligkeit, Farbe, etc).
                1768_2018-12-13_06h29_12.gif
                Beispielweise können dann auch Dinge wie "At Home" und "Locaction" in einem Presence Objekt für eine Person gruppiert dargestellt werden.

                Aktuell habe ich VIS, Habpanel und MaterialUI im Einsatz und sie haben alle ihre Vorteile. Aber bei jeder hat was gefehlt, was die andere VIS hatte und ich weiß nun, dass ich definitiv eine responsive UI nutzen möchte! Diese VIS hat das Potential, genau das zu sein was ich seit langem suche. Ich bin gespannt. 🙂

                braindeadB 1 Reply Last reply
                0
                • siggi85S siggi85

                  @Zefau Ist auch geplant, dass man selbstständig verschiedene Datenpunkte gruppiert anzeigen lassen kann? Oder muss ich bei jedem Devicetyp hoffen, dass es vom Adapter nativ unterstützt wird?
                  Bspw. wie in folgendem Video, wo ein "Device" auch nur als eine Kachel dargestellt wird, aber aus mehreren Datenpunkten besteht (Farbtemperatur, Helligkeit, Farbe, etc).
                  1768_2018-12-13_06h29_12.gif
                  Beispielweise können dann auch Dinge wie "At Home" und "Locaction" in einem Presence Objekt für eine Person gruppiert dargestellt werden.

                  Aktuell habe ich VIS, Habpanel und MaterialUI im Einsatz und sie haben alle ihre Vorteile. Aber bei jeder hat was gefehlt, was die andere VIS hatte und ich weiß nun, dass ich definitiv eine responsive UI nutzen möchte! Diese VIS hat das Potential, genau das zu sein was ich seit langem suche. Ich bin gespannt. 🙂

                  braindeadB Offline
                  braindeadB Offline
                  braindead
                  Developer
                  wrote on last edited by
                  #20

                  @siggi85 Datenpunkte können jetzt schon gruppiert werden. Wenn Du Dir den ersten Screenshot her im Thread ansiehst, dann ist das z.B. rechts oben in der "Familie" Gruppe oder darunter in der "Türen & Fenster" Gruppe umgesetzt. Wie das funktioniert, findest Du im Wiki. @Zefau hat dort seine Konfiguration veröffentlicht.

                  1 Reply Last reply
                  0
                  • braindeadB Offline
                    braindeadB Offline
                    braindead
                    Developer
                    wrote on last edited by
                    #21

                    @Zefau Ich hoffe ich gehe Dir nicht langsam auf die Nerven mit den ganzen GitHub Issues, die ich erstelle. Je mehr ich mit Jarvis spiele, desto mehr zeigt sich, dass Jarvis genau "meine" VIS ist. Falls ich Dir neben den Issues anderweitig helfen kann, lass es mich bitte wissen.

                    ZefauZ 1 Reply Last reply
                    0
                    • braindeadB braindead

                      @Zefau Ich hoffe ich gehe Dir nicht langsam auf die Nerven mit den ganzen GitHub Issues, die ich erstelle. Je mehr ich mit Jarvis spiele, desto mehr zeigt sich, dass Jarvis genau "meine" VIS ist. Falls ich Dir neben den Issues anderweitig helfen kann, lass es mich bitte wissen.

                      ZefauZ Offline
                      ZefauZ Offline
                      Zefau
                      wrote on last edited by
                      #22

                      @braindead die Issues helfen mir sehr zu verstehen, wie andere jarvis nutzen, insofern vielen Dank für das Testen und die Unterstützung! Ich arbeite parallel an einer Implementierung der Settings und Devices direkt in jarvis.

                      Meine Adapter: https://zefau.github.io/iobroker/

                      1 Reply Last reply
                      0
                      • ZefauZ Offline
                        ZefauZ Offline
                        Zefau
                        wrote on last edited by
                        #23

                        Version v0.1.0


                        Features

                        Konfiguration von jarvis

                        Mit diesem Release ist die Konfiguration nun über die grafische Oberfläche möglich!

                        Es können über das Zahnrad-Icon (über die Topbar rechts oben) die Geräte, die Einstellungen und das Layout gepflegt werden:

                        Geräte (Devices)

                        image

                        Layout

                        image

                        Einstellungen (Settings)

                        image

                        weitere Verbesserungen

                        • introduced configuration of colors / themes (#5)
                        • added option to provide a label for states (#11)
                        • added option to hide tab labels (only show icon), but keep the label in the topbar (#7)

                        Bug fixes

                        • fixed overlapping level value of blinds in pop-up window (#14)
                        • fixed styling of state values not working (#13)
                        • fixed icons of blinds not changing (#10)
                        • fixed incorrect states in popup window (#9)
                        • skipping non-existing groups while parsing the layout definition (#6)

                        Contributors

                        Thanks to @braindead for testing and bug reporting. 🥇

                        Meine Adapter: https://zefau.github.io/iobroker/

                        dslraserD 1 Reply Last reply
                        1
                        • braindeadB Offline
                          braindeadB Offline
                          braindead
                          Developer
                          wrote on last edited by
                          #24

                          @Zefau Ich habe sofort auf die neue Version aktualisiert und leider funktionieren bei mir die Pop-Up Fenster nicht mehr. Ich habe Chrome neu gestartet und den Browser Cache gelöscht, aber beides hat nicht geholfen. Hast Du eine Idee?

                          ZefauZ 2 Replies Last reply
                          0
                          • braindeadB braindead

                            @Zefau Ich habe sofort auf die neue Version aktualisiert und leider funktionieren bei mir die Pop-Up Fenster nicht mehr. Ich habe Chrome neu gestartet und den Browser Cache gelöscht, aber beides hat nicht geholfen. Hast Du eine Idee?

                            ZefauZ Offline
                            ZefauZ Offline
                            Zefau
                            wrote on last edited by
                            #25

                            @braindead stimmt, der build ist irgendwie inkorrekt. Ich korrigiere das, danke für den Hinweis.

                            Meine Adapter: https://zefau.github.io/iobroker/

                            1 Reply Last reply
                            1
                            • braindeadB braindead

                              @Zefau Ich habe sofort auf die neue Version aktualisiert und leider funktionieren bei mir die Pop-Up Fenster nicht mehr. Ich habe Chrome neu gestartet und den Browser Cache gelöscht, aber beides hat nicht geholfen. Hast Du eine Idee?

                              ZefauZ Offline
                              ZefauZ Offline
                              Zefau
                              wrote on last edited by
                              #26

                              @braindead prüf mal bitte die v0.1.1, danke!

                              Meine Adapter: https://zefau.github.io/iobroker/

                              1 Reply Last reply
                              0
                              • braindeadB Offline
                                braindeadB Offline
                                braindead
                                Developer
                                wrote on last edited by
                                #27

                                @Zefau Danke für den schnellen Fix. Jetzt läuft es wieder. 👍

                                1 Reply Last reply
                                1
                                • ZefauZ Zefau

                                  Version v0.1.0


                                  Features

                                  Konfiguration von jarvis

                                  Mit diesem Release ist die Konfiguration nun über die grafische Oberfläche möglich!

                                  Es können über das Zahnrad-Icon (über die Topbar rechts oben) die Geräte, die Einstellungen und das Layout gepflegt werden:

                                  Geräte (Devices)

                                  image

                                  Layout

                                  image

                                  Einstellungen (Settings)

                                  image

                                  weitere Verbesserungen

                                  • introduced configuration of colors / themes (#5)
                                  • added option to provide a label for states (#11)
                                  • added option to hide tab labels (only show icon), but keep the label in the topbar (#7)

                                  Bug fixes

                                  • fixed overlapping level value of blinds in pop-up window (#14)
                                  • fixed styling of state values not working (#13)
                                  • fixed icons of blinds not changing (#10)
                                  • fixed incorrect states in popup window (#9)
                                  • skipping non-existing groups while parsing the layout definition (#6)

                                  Contributors

                                  Thanks to @braindead for testing and bug reporting. 🥇

                                  dslraserD Offline
                                  dslraserD Offline
                                  dslraser
                                  Forum Testing Most Active
                                  wrote on last edited by
                                  #28

                                  @Zefau sagte in jarvis - just another remarkable vis:

                                  Konfiguration von jarvis
                                  Mit diesem Release ist die Konfiguration nun über die grafische Oberfläche möglich!
                                  Es können über das Zahnrad-Icon (über die Topbar rechts oben) die Geräte, die Einstellungen und das Layout gepflegt werden:

                                  Ist das trotzdem noch notwendig ?

                                  Bildschirmfoto 2020-03-29 um 10.06.50.png

                                  ZefauZ 1 Reply Last reply
                                  0
                                  • dslraserD dslraser

                                    @Zefau sagte in jarvis - just another remarkable vis:

                                    Konfiguration von jarvis
                                    Mit diesem Release ist die Konfiguration nun über die grafische Oberfläche möglich!
                                    Es können über das Zahnrad-Icon (über die Topbar rechts oben) die Geräte, die Einstellungen und das Layout gepflegt werden:

                                    Ist das trotzdem noch notwendig ?

                                    Bildschirmfoto 2020-03-29 um 10.06.50.png

                                    ZefauZ Offline
                                    ZefauZ Offline
                                    Zefau
                                    wrote on last edited by
                                    #29

                                    @dslraser nein, funktioniert jetzt über die Konfiguration.

                                    Meine Adapter: https://zefau.github.io/iobroker/

                                    dslraserD 1 Reply Last reply
                                    0
                                    • braindeadB Offline
                                      braindeadB Offline
                                      braindead
                                      Developer
                                      wrote on last edited by
                                      #30

                                      @Zefau Respekt für die Art, wie Du die Konfiguration visuell umgesetzt hast, auch wenn ich persönlich sehr gut mit dem JSON zurecht gekommen bin! Beim ersten Anblick war ich ehrlich gesagt erschlagen, aber nachdem ich mir das genauer angesehen habe ist alles logisch. Hier und da habe ich mal wieder ein paar Anmerkungen, die ich auf GitHub in separate Issues packen werde.

                                      Nochmals: Vielen Dank für diese tolle VIS!

                                      ZefauZ 1 Reply Last reply
                                      0
                                      • braindeadB braindead

                                        @Zefau Respekt für die Art, wie Du die Konfiguration visuell umgesetzt hast, auch wenn ich persönlich sehr gut mit dem JSON zurecht gekommen bin! Beim ersten Anblick war ich ehrlich gesagt erschlagen, aber nachdem ich mir das genauer angesehen habe ist alles logisch. Hier und da habe ich mal wieder ein paar Anmerkungen, die ich auf GitHub in separate Issues packen werde.

                                        Nochmals: Vielen Dank für diese tolle VIS!

                                        ZefauZ Offline
                                        ZefauZ Offline
                                        Zefau
                                        wrote on last edited by
                                        #31

                                        @braindead freut mich, dass es gefällt 🙂 Ich würde mich sehr über einen intensiven Test freuen. Auf Basis dessen würde ich bei Facebook mal Werbung für die vis machen und dann nach und nach mehr Features einbauen. Danke und viele Grüße

                                        Meine Adapter: https://zefau.github.io/iobroker/

                                        1 Reply Last reply
                                        1
                                        • ZefauZ Zefau

                                          @dslraser nein, funktioniert jetzt über die Konfiguration.

                                          dslraserD Offline
                                          dslraserD Offline
                                          dslraser
                                          Forum Testing Most Active
                                          wrote on last edited by dslraser
                                          #32

                                          @Zefau sagte in jarvis - just another remarkable vis:

                                          @dslraser nein, funktioniert jetzt über die Konfiguration.

                                          Hm...da ?

                                          Screenshot_20200329-110900_Chrome.jpg

                                          Bildschirmfoto 2020-03-29 um 11.13.50.png

                                          ZefauZ 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

                                          721

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe