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. [Showcase] Jarvis - just another remarkable vis

NEWS

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

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

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

[Showcase] Jarvis - just another remarkable vis

Scheduled Pinned Locked Moved Visualisierung
vis
453 Posts 81 Posters 136.9k Views 95 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.
  • T Offline
    T Offline
    TyrionWarMage
    Developer
    wrote on last edited by TyrionWarMage
    #388

    Ich bin vor einer Weile über dieses: https://docs.theme-park.dev/ Projekt gestoplert, welches versucht vereinheitlichte Themes für diverse Self-Hosted services anzubieten. Daher habe ich mal versucht, das auch für Jarvis anzuwenden:

    Nord Theme
    fc9c4759-845a-4cb4-b570-4e68b894331d-grafik.png
    d5b4dca0-16b3-4286-af50-e593081bf11b-grafik.png

    Aquamarine:
    c9a3fdb0-5794-4c3c-9a06-900c9528de07-grafik.png
    c4116164-8ad6-46ee-9882-81ff70823ac6-grafik.png

    Maroon:
    863c9677-a3e9-4a77-a97a-1cd2a77b36d8-grafik.png

    Da meine CSS Skills aber eher begrenzt sind, sollte das eher als "erster Versuch gesehen werden", aber vielleicht hat ja jemand mit mehr Ahnung Lust das Template zu verfeinern? Template anbei - da ich es nicht hinbekommen hab, den import Tag zum laufen zu bekommen, muss das root template (von hier https://github.com/GilbN/theme.park/tree/master/css/theme-options) reinkopiert werden.

    Jarvis Theme-Park.css

    S 1 Reply Last reply
    0
    • sigi234S sigi234

      Mal ein paar Screenshots von mir:

      Screenshot (5382).png Screenshot (5383).png Screenshot (5384).png Screenshot (5385).png Screenshot (5386).pngScreenshot (5387).png

      Damrak2022D Offline
      Damrak2022D Offline
      Damrak2022
      wrote on last edited by
      #389

      @sigi234 Mal eine Frage wie Du das mit den Temperaturen konfiguriert hat, denn bei mir sieht das momentan so aus:

      Bildschirmfoto 2023-10-13 um 15.16.13.png Bildschirmfoto 2023-10-13 um 15.13.55.png

      Ich würde es aber gerne so darstellen wie Du es gemacht hast.

      Mit besten Grüßen
      Andy

      sigi234S M 2 Replies Last reply
      0
      • Damrak2022D Damrak2022

        @sigi234 Mal eine Frage wie Du das mit den Temperaturen konfiguriert hat, denn bei mir sieht das momentan so aus:

        Bildschirmfoto 2023-10-13 um 15.16.13.png Bildschirmfoto 2023-10-13 um 15.13.55.png

        Ich würde es aber gerne so darstellen wie Du es gemacht hast.

        sigi234S Online
        sigi234S Online
        sigi234
        Forum Testing Most Active
        wrote on last edited by
        #390

        @damrak2022
        Bin im Krankenhaus.

        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
        Immer Daten sichern!

        M Damrak2022D 2 Replies Last reply
        0
        • sigi234S sigi234

          @damrak2022
          Bin im Krankenhaus.

          M Online
          M Online
          MCU
          wrote on last edited by
          #391

          @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

          NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

          sigi234S 1 Reply Last reply
          0
          • M MCU

            @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

            sigi234S Online
            sigi234S Online
            sigi234
            Forum Testing Most Active
            wrote on last edited by
            #392

            @mcu sagte in [Showcase] Jarvis - just another remarkable vis:

            @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

            Herzklappe

            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
            Immer Daten sichern!

            M 1 Reply Last reply
            0
            • Damrak2022D Damrak2022

              @sigi234 Mal eine Frage wie Du das mit den Temperaturen konfiguriert hat, denn bei mir sieht das momentan so aus:

              Bildschirmfoto 2023-10-13 um 15.16.13.png Bildschirmfoto 2023-10-13 um 15.13.55.png

              Ich würde es aber gerne so darstellen wie Du es gemacht hast.

              M Online
              M Online
              MCU
              wrote on last edited by
              #393

              @damrak2022 Du meinst so?
              00e22c2b-a456-47e0-a862-6a63cb2faae3-image.png

              NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

              Damrak2022D 1 Reply Last reply
              0
              • sigi234S sigi234

                @mcu sagte in [Showcase] Jarvis - just another remarkable vis:

                @sigi234 Gute Besserung. Hoffe nichts Schlimmes.

                Herzklappe

                M Online
                M Online
                MCU
                wrote on last edited by
                #394

                @sigi234 Also in 3 Tagen wieder zuhause. Alles Gute.

                NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                1 Reply Last reply
                0
                • sigi234S sigi234

                  @damrak2022
                  Bin im Krankenhaus.

                  Damrak2022D Offline
                  Damrak2022D Offline
                  Damrak2022
                  wrote on last edited by
                  #395

                  @sigi234 Oh, kann dann gute Besserung für Dich

                  Mit besten Grüßen
                  Andy

                  1 Reply Last reply
                  0
                  • M MCU

                    @damrak2022 Du meinst so?
                    00e22c2b-a456-47e0-a862-6a63cb2faae3-image.png

                    Damrak2022D Offline
                    Damrak2022D Offline
                    Damrak2022
                    wrote on last edited by
                    #396

                    @mcu Ja, genau so hätte ich das gerne, war irgendwas klappt noch nicht. Wobei die Temperatur muss nicht in dem Balken stehen, darüber ist auch völlig okay. Mir geht es hauptsächlich um die Balkenbreite.

                    Mit besten Grüßen
                    Andy

                    M 1 Reply Last reply
                    0
                    • Damrak2022D Damrak2022

                      @mcu Ja, genau so hätte ich das gerne, war irgendwas klappt noch nicht. Wobei die Temperatur muss nicht in dem Balken stehen, darüber ist auch völlig okay. Mir geht es hauptsächlich um die Balkenbreite.

                      M Online
                      M Online
                      MCU
                      wrote on last edited by
                      #397

                      @damrak2022 Deins ist ein HistoryGraph, das von sigi234 ist ein Bar-Chart.
                      d8aaacb0-837c-4dec-8544-8c06f49b762e-image.png

                      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                      Damrak2022D 1 Reply Last reply
                      1
                      • M MCU

                        @damrak2022 Deins ist ein HistoryGraph, das von sigi234 ist ein Bar-Chart.
                        d8aaacb0-837c-4dec-8544-8c06f49b762e-image.png

                        Damrak2022D Offline
                        Damrak2022D Offline
                        Damrak2022
                        wrote on last edited by
                        #398

                        @mcu h, okay, ich hatte history chart ausgewählt und dann bei der Anzeige BarChart. Nachdem ich es jetzt geändert habe geht es.

                        Mit besten Grüßen
                        Andy

                        1 Reply Last reply
                        0
                        • W WW1983

                          @Stephan-Schleich Danke fürs Erstellen

                          Hier sind meine aktuelle Einstellungen:

                          Screenshot 2020-10-16 122652.png

                          Screenshot 2020-10-16 122619.png

                          Screenshot 2020-10-16 122602.png

                          Screenshot 2020-10-16 122529.png

                          Screenshot 2020-10-16 122517.png

                          Screenshot 2020-10-16 122503.png

                          Screenshot 2020-10-16 122451.png

                          Screenshot 2020-10-16 122429.png

                          Screenshot 2020-10-16 122359.png

                          Bin mal gespannt was ihr so zusammen gestellt habt.

                          Damrak2022D Offline
                          Damrak2022D Offline
                          Damrak2022
                          wrote on last edited by
                          #399

                          @ww1983 Guten Morgen, kannst Du mir verraten wie Du die Buttons bei Deinem Staubsauger hinbekommen hast? Das gefällt mir sehr gut, aber ich wüsste nicht wie ich das umsetzen kann?
                          Bildschirmfoto 2023-12-08 um 06.43.09.png

                          Mit besten Grüßen
                          Andy

                          1 Reply Last reply
                          0
                          • T Torrid

                            @JayR
                            Die News sind ein iFrame über Grafana und dort ist ein RSS Link eingebunden.
                            Dort gibt es das News Panel:
                            2148b0f4-9fe1-4ac8-a1f4-d2550ef2fcd6-image.png

                            @flkontakt
                            Bring ist genau wie @JayR sagt über die Vis eingebunden.

                            Den Busfahrplan kann man über den fahrplan Adapter realisieren und dort über html den Abfahrplan oder die Route deiner Haltestellen in jarvis anzeigen.
                            18d58978-d0cf-4c07-9b2b-6a72073a536e-image.png

                            Damrak2022D Offline
                            Damrak2022D Offline
                            Damrak2022
                            wrote on last edited by
                            #400

                            @torrid Ich habe die News jetzt auch über einen iframe und Grafana eingebunden, was bei mir allerdings so aussieht:
                            Bildschirmfoto 2023-12-08 um 11.42.34.png

                            Wie bekomme ich den gesamten oberen Bereich weg, sodass mir nur die News angezeigt werden?

                            Mit besten Grüßen
                            Andy

                            1 Reply Last reply
                            0
                            • sigi234S sigi234

                              Mal ein paar Screenshots von mir:

                              Screenshot (5382).png Screenshot (5383).png Screenshot (5384).png Screenshot (5385).png Screenshot (5386).pngScreenshot (5387).png

                              Damrak2022D Offline
                              Damrak2022D Offline
                              Damrak2022
                              wrote on last edited by
                              #401

                              @sigi234 Hallo das sieht super aus. Wie hast Du das mit den Buttons bei Bereichsreinigung und Steuerung umgesetzt. Kannst Du das bitte mal kurz erklären.?

                              Mit besten Grüßen
                              Andy

                              sigi234S 1 Reply Last reply
                              0
                              • B Bloody

                                @WW1983 Gefällt mir auch sehr gut.
                                Hier meine bisherige Arbeit, man sieht noch viel zu tun. Aktuell will ich Jarvis hauptsächlich übers Handy nutzen.

                                939fc6b2-d9fe-4fbd-8ee5-516b1b3f1e8b-image.png
                                50b60f4a-740d-4a3c-a651-69cf125c2eda-image.png
                                cea154ee-4654-4677-b9ac-20bf05cbadf8-image.png
                                ead2075b-3fc1-45b2-bc15-914e14611d92-image.png
                                3dad14ba-1f1e-46b3-acfc-75d96138d762-image.png
                                Da wird die Drucker Cam angezeigt, wenn er an ist.
                                da3d02d1-9c1a-42a1-bdc3-da8a3dd9f3f4-image.png
                                cb421315-6640-4ee5-8377-a1b73c5fb869-image.png
                                6fc7db06-0d18-43b1-9f34-6412c061ec26-image.png

                                K Offline
                                K Offline
                                Kuddel
                                wrote on last edited by Kuddel
                                #402

                                @bloody ich integriere gerade meine VIS Infos bzgl. Octoprint in Jarvis.

                                Wie hast du die Kamera eingebunden?

                                EDIT: Habe es selber hinbekommen. Leider nur in einem extra Widgets.

                                Status und Images kann man wohl nicht vermischen oder?

                                1 Reply Last reply
                                0
                                • Damrak2022D Damrak2022

                                  @sigi234 Hallo das sieht super aus. Wie hast Du das mit den Buttons bei Bereichsreinigung und Steuerung umgesetzt. Kannst Du das bitte mal kurz erklären.?

                                  sigi234S Online
                                  sigi234S Online
                                  sigi234
                                  Forum Testing Most Active
                                  wrote on last edited by
                                  #403

                                  @damrak2022 sagte in [Showcase] Jarvis - just another remarkable vis:

                                  @sigi234 Hallo das sieht super aus. Wie hast Du das mit den Buttons bei Bereichsreinigung und Steuerung umgesetzt. Kannst Du das bitte mal kurz erklären.?

                                  Screenshot (533).png Screenshot (534).png Screenshot (535).png Screenshot (536).png Screenshot (537).png

                                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                  Immer Daten sichern!

                                  Damrak2022D 1 Reply Last reply
                                  0
                                  • sigi234S sigi234

                                    @damrak2022 sagte in [Showcase] Jarvis - just another remarkable vis:

                                    @sigi234 Hallo das sieht super aus. Wie hast Du das mit den Buttons bei Bereichsreinigung und Steuerung umgesetzt. Kannst Du das bitte mal kurz erklären.?

                                    Screenshot (533).png Screenshot (534).png Screenshot (535).png Screenshot (536).png Screenshot (537).png

                                    Damrak2022D Offline
                                    Damrak2022D Offline
                                    Damrak2022
                                    wrote on last edited by Damrak2022
                                    #404

                                    @sigi234 Vielen Dank,

                                    ich hatte meinen Staubsauger schon komplett eingebunden und mir geht es hauptsächlich um die eine Sache, welche ich nicht hinbekomme. Und zwar wie ich das machen muss um solche rechteckigen Buttons hinzubekommen?
                                    Bildschirmfoto 2023-12-10 um 03.11.44.png

                                    Bei mir sieht das standardmäßig aus: Bildschirmfoto 2023-12-10 um 03.21.41.png und ich würde die Standarbuttons gerne durch rechteckige ersetzen

                                    Mit besten Grüßen
                                    Andy

                                    sigi234S 1 Reply Last reply
                                    0
                                    • Damrak2022D Damrak2022

                                      @sigi234 Vielen Dank,

                                      ich hatte meinen Staubsauger schon komplett eingebunden und mir geht es hauptsächlich um die eine Sache, welche ich nicht hinbekomme. Und zwar wie ich das machen muss um solche rechteckigen Buttons hinzubekommen?
                                      Bildschirmfoto 2023-12-10 um 03.11.44.png

                                      Bei mir sieht das standardmäßig aus: Bildschirmfoto 2023-12-10 um 03.21.41.png und ich würde die Standarbuttons gerne durch rechteckige ersetzen

                                      sigi234S Online
                                      sigi234S Online
                                      sigi234
                                      Forum Testing Most Active
                                      wrote on last edited by
                                      #405

                                      @damrak2022

                                      Screenshot (541).png Screenshot (542).png Screenshot (543).png Screenshot (544).png Screenshot (545).png Screenshot (546).png

                                      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                      Immer Daten sichern!

                                      M 1 Reply Last reply
                                      0
                                      • sigi234S sigi234

                                        @damrak2022

                                        Screenshot (541).png Screenshot (542).png Screenshot (543).png Screenshot (544).png Screenshot (545).png Screenshot (546).png

                                        M Online
                                        M Online
                                        MCU
                                        wrote on last edited by
                                        #406

                                        @sigi234 Wie bekommt man die Screenshots nebeneinander?
                                        Wenn ich sie hochlade, werden sie immer untereinander dargestellt.

                                        NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                                        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                        sigi234S 1 Reply Last reply
                                        0
                                        • M MCU

                                          @sigi234 Wie bekommt man die Screenshots nebeneinander?
                                          Wenn ich sie hochlade, werden sie immer untereinander dargestellt.

                                          sigi234S Online
                                          sigi234S Online
                                          sigi234
                                          Forum Testing Most Active
                                          wrote on last edited by
                                          #407

                                          @mcu sagte in [Showcase] Jarvis - just another remarkable vis:

                                          @sigi234 Wie bekommt man die Screenshots nebeneinander?
                                          Wenn ich sie hochlade, werden sie immer untereinander dargestellt.

                                          Ich markiere die Screenshots mit Strg und lade sie dann hoch.

                                          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                          Immer Daten sichern!

                                          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

                                          786

                                          Online

                                          32.4k

                                          Users

                                          81.5k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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