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.
  • M michael_4358

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

    @michael_4358 Ja.

    f0a42df1-9021-47b7-bec0-b940c03d5323-image.png
    f178c1f9-5677-4407-849d-a1c9461374bf-image.png

    bei mir bleibt es ohne anzeige....

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

    @michael_4358 Zeig mal Deine Einstellungen als Bild.

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

    M 1 Reply Last reply
    0
    • M MCU

      @michael_4358 Zeig mal Deine Einstellungen als Bild.

      M Offline
      M Offline
      michael_4358
      wrote on last edited by
      #216

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

      @michael_4358 Zeig mal Deine Einstellungen als Bild.

      Welche Einstellungen meinst du??

      M 1 Reply Last reply
      0
      • M michael_4358

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

        @michael_4358 Zeig mal Deine Einstellungen als Bild.

        Welche Einstellungen meinst du??

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

        @michael_4358 Da wo du es eingetragen hast.

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

        M 1 Reply Last reply
        0
        • M MCU

          @michael_4358 Da wo du es eingetragen hast.

          M Offline
          M Offline
          michael_4358
          wrote on last edited by michael_4358
          #218

          @mcu
          aber es ist egal wo ich es eintrage es erscheint nirgens
          c6e93737-9632-45df-af5d-473a2ad31f1a-grafik.png

          M 1 Reply Last reply
          0
          • M michael_4358

            @mcu
            aber es ist egal wo ich es eintrage es erscheint nirgens
            c6e93737-9632-45df-af5d-473a2ad31f1a-grafik.png

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

            @michael_4358 Ich hatte es im Gerät eingetragen:
            4885b35d-072a-4622-8fd3-a3fb4d416647-image.png

            In dem Feld
            c323a4a4-7b8f-4cf6-b2e7-51a48be6c1b1-image.png
            kann man nur Icon von
            https://materialdesignicons.com/
            nutzen, laut Info(i)

            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
            1
            • A Azze5G

              @maximilian-garbe

              Hi, super VIS !
              Wie hast du das mit den Routen in den MAPS hinbekommen und welchen Dienst nutzt du dir die GPS Position anzuzeigen ?

              the-masterplanT Offline
              the-masterplanT Offline
              the-masterplan
              wrote on last edited by the-masterplan
              #220

              @azze5g
              GPS Daten zeige ich dort nicht an.
              Die Routen sind ein einfacher iframe, der die Route von Google Maps einbindet. Google Mal nach "Google Maps Route embed".

              1 Reply Last reply
              0
              • M michael_4358

                @ww1983

                welches gerät nutzt du für die co2 ausgabe?
                und
                wie hast du die zb. icon von dem blatt gemacht?

                W Offline
                W Offline
                WW1983
                wrote on last edited by
                #221

                @michael_4358

                Sorry. Habe erst jetzt gesehen das du an mich eine Frage gestellt hast.

                Für CO² nutze ich Netatmo Link

                Das Icon ist wie folgt eingestellt:
                e702712f-0fe3-4c03-a75e-5b40fba9d1c0-image.png

                D 1 Reply Last reply
                1
                • M MCU

                  @michael_4358 Ja.

                  f0a42df1-9021-47b7-bec0-b940c03d5323-image.png
                  f178c1f9-5677-4407-849d-a1c9461374bf-image.png

                  M Offline
                  M Offline
                  michael_4358
                  wrote on last edited by
                  #222

                  @mcu

                  ich verzweifele....
                  ich bekomme es nicht hin...

                  https://iconify.design/icon-sets/?query=humi

                  c64932e1-43dc-4d8f-b76a-41e89be82aee-grafik.png

                  M 1 Reply Last reply
                  0
                  • M michael_4358

                    @mcu

                    ich verzweifele....
                    ich bekomme es nicht hin...

                    https://iconify.design/icon-sets/?query=humi

                    c64932e1-43dc-4d8f-b76a-41e89be82aee-grafik.png

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

                    @michael_4358

                    223a478a-083b-4b83-85d8-210295761f02-image.png

                    {"default":"carbon:humidity"}
                    

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

                    M 1 Reply Last reply
                    0
                    • M MCU

                      @michael_4358

                      223a478a-083b-4b83-85d8-210295761f02-image.png

                      {"default":"carbon:humidity"}
                      
                      M Offline
                      M Offline
                      michael_4358
                      wrote on last edited by
                      #224

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

                      {"default":"carbon:humidity"}

                      es wird nichts angezeigt....

                      M 1 Reply Last reply
                      0
                      • M michael_4358

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

                        {"default":"carbon:humidity"}

                        es wird nichts angezeigt....

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

                        @michael_4358 Liegt es daran, dass du es im popup nutzt und unterdrückst? Zeig mal das Anzeigebild. Du hast Version 2.2.0?

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

                        M 1 Reply Last reply
                        0
                        • M MCU

                          @michael_4358 Liegt es daran, dass du es im popup nutzt und unterdrückst? Zeig mal das Anzeigebild. Du hast Version 2.2.0?

                          M Offline
                          M Offline
                          michael_4358
                          wrote on last edited by
                          #226

                          @mcu

                          nutze es nicht im popup..

                          version ist 2.1.0
                          wo/wie kann ich es updaten?

                          cf98f4b6-e376-4540-b050-d7d05aba384e-grafik.png

                          M 1 Reply Last reply
                          0
                          • M michael_4358

                            @mcu

                            nutze es nicht im popup..

                            version ist 2.1.0
                            wo/wie kann ich es updaten?

                            cf98f4b6-e376-4540-b050-d7d05aba384e-grafik.png

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

                            @michael_4358 https://forum.iobroker.net/topic/30668/jarvis-v2-2-0-just-another-remarkable-vis/3639

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

                            M 1 Reply Last reply
                            1
                            • M MCU

                              @michael_4358 https://forum.iobroker.net/topic/30668/jarvis-v2-2-0-just-another-remarkable-vis/3639

                              M Offline
                              M Offline
                              michael_4358
                              wrote on last edited by
                              #228

                              @mcu

                              jetzt klappt es!!!

                              1 Reply Last reply
                              1
                              • F frajop

                                @jayr nicht besonders elegant, geht aber .....
                                Ich habe in Jarvis ein Gerät 'DWD' mit den Datenpunkten angelegt, diese können dann als CustomHtml angezeigt werden

                                // Meldungen von DWD Adapter in HTML formatieren für jarvis - Anzeige
                                
                                // Datenpunkte 
                                createState('0_userdata.0.DWD.headline' , "-", { read: true, write: true, type: 'string', name: 'DWDheadline' });
                                createState('0_userdata.0.DWD.zeitraum' , "-", { read: true, write: true, type: 'string', name: 'DWDzeitraum' });
                                createState('0_userdata.0.DWD.text', "-",      { read: true, write: true, type: 'string', name: 'DWDtext' });
                                createState('0_userdata.0.DWD.headline1', " ", { read: true, write: true, type: 'string', name: 'DWDheadline' });
                                createState('0_userdata.0.DWD.zeitraum1', " ", { read: true, write: true, type: 'string', name: 'DWDzeitraum' });
                                createState('0_userdata.0.DWD.text1', " ",     { read: true, write: true, type: 'string', name: 'DWDtext' });
                                createState('0_userdata.0.DWD.headline2', " ", { read: true, write: true, type: 'string', name: 'DWDheadline' });
                                createState('0_userdata.0.DWD.zeitraum2', " ", { read: true, write: true, type: 'string', name: 'DWDzeitraum' });
                                createState('0_userdata.0.DWD.text2', " ",     { read: true, write: true, type: 'string', name: 'DWDtext' });
                                
                                //--------------------------------------------------------------------------------------
                                var f_begin = " ";
                                var f_end = " ";
                                var headline = " ";
                                var zeitraum = " ";
                                var text = " ";
                                var level = " ";
                                
                                schedule('*/5 * * * *', function () {        // alle 5 min
                                
                                   //***** Erste Warnung ****************************************************
                                   var begin = getState('dwd.0.warning.begin').val;      
                                   var end   = getState('dwd.0.warning.end').val;
                                   if ((begin === null) && (end === null)) {
                                       // keine Meldungen aktiv
                                       log ("DWD - Keine Warnungen");
                                       headline = '<b>Keine Warnungen</b>';
                                       zeitraum = " ";
                                       text = " ";
                                       level = " ";
                                       setState('0_userdata.0.DWD.headline', headline);
                                       setState('0_userdata.0.DWD.zeitraum', zeitraum);
                                       setState('0_userdata.0.DWD.text', text);
                                   }
                                   else {
                                       // Meldungen vorhanden
                                       log("DWD - Warnungen aktiv");
                                
                                       // date/time formatieren
                                       if (begin != null) {
                                           if (end != null) {
                                               f_begin = (formatDate(begin, "WW TT.MM.JJJJ S") + ' Uhr bis ');
                                           } else {
                                               f_begin = (formatDate(begin, "WW TT.MM.JJJJ S") + ' Uhr');
                                           }
                                       } else {
                                           f_begin = " ";
                                       }
                                       if (end != null) {
                                           f_end = (formatDate(end, "WW TT.MM.JJJJ S") + ' Uhr');
                                       } else {
                                           f_end = " ";
                                       }
                                
                                       // LEVEL
                                       level = ' (Stufe ' + getState('dwd.0.warning.severity').val + ')';
                                       // Headline bold
                                       headline = '<b>' + getState('dwd.0.warning.headline').val + '</b>' + level;
                                       setState('0_userdata.0.DWD.headline', headline);
                                       zeitraum = f_begin + f_end; 
                                       setState('0_userdata.0.DWD.zeitraum', '<i>' + zeitraum + '</i>');
                                       text = getState('dwd.0.warning.description').val;
                                       setState('0_userdata.0.DWD.text', text + '<br>&nbsp;<hr>');
                                   }
                                
                                   //***** Nächste Warnung ****************************************************
                                   begin = getState('dwd.0.warning1.begin').val;      
                                   end   = getState('dwd.0.warning1.end').val;
                                   if ((begin === null) && (end === null)) {
                                       // keine Meldungen aktiv
                                       log ("keine 2te Warnung");
                                       headline = " ";
                                       zeitraum = " ";
                                       text = " ";
                                       level = " ";
                                       setState('0_userdata.0.DWD.headline1', headline);
                                       setState('0_userdata.0.DWD.zeitraum1', zeitraum);
                                       setState('0_userdata.0.DWD.text1', text);
                                   }
                                   else {
                                       // Meldungen vorhanden
                                       log("DWD - 2te Warnung aktiv");
                                       // date/time formatieren
                                       if (begin != null) {
                                           if (end != null) {
                                               f_begin = (formatDate(begin, "WW TT.MM.JJJJ S") + ' Uhr bis ');
                                           } else {
                                               f_begin = (formatDate(begin, "WW TT.MM.JJJJ S") + ' Uhr');
                                           }
                                       } else {
                                           f_begin = " ";
                                       }
                                       if (end != null) {
                                           f_end = (formatDate(end, "WW TT.MM.JJJJ S") + ' Uhr');
                                       } else {
                                           f_end = " ";
                                       }
                                       // LEVEL
                                       level = ' (Stufe ' + getState('dwd.0.warning1.severity').val + ')';
                                       // Headline bold
                                       headline = '<b>' + getState('dwd.0.warning1.headline').val + '</b>' + level;
                                       setState('0_userdata.0.DWD.headline1', headline);
                                       zeitraum = f_begin + f_end;
                                       setState('0_userdata.0.DWD.zeitraum1', '<i>' + zeitraum + '</i>');
                                       text = getState('dwd.0.warning1.description').val;
                                       setState('0_userdata.0.DWD.text1', text + '<br>&nbsp;<hr>');
                                   }
                                
                                   //***** Übernächste Warnung ****************************************************
                                   begin = getState('dwd.0.warning2.begin').val;      
                                   end   = getState('dwd.0.warning2.end').val;
                                   if ((begin === null) && (end === null)) {
                                       // keine Meldungen aktiv
                                       log ("keine 3te Warnung");
                                       headline = " ";
                                       zeitraum = " ";
                                       text = " ";
                                       level = " ";
                                       setState('0_userdata.0.DWD.headline2', headline);
                                       setState('0_userdata.0.DWD.zeitraum2', zeitraum);
                                       setState('0_userdata.0.DWD.text2', text);
                                   }
                                   else {
                                       // Meldungen vorhanden
                                       log("DWD - 3te Warnung aktiv");
                                       // date/time formatieren
                                       if (begin != null) {
                                           if (end != null) {
                                               f_begin = (formatDate(begin, "WW TT.MM.JJJJ S") + ' Uhr bis ');
                                           } else {
                                               f_begin = (formatDate(begin, "WW TT.MM.JJJJ S") + ' Uhr');
                                           }
                                       } else {
                                           f_begin = " ";
                                       }
                                       if (end != null) {
                                           f_end = (formatDate(end, "WW TT.MM.JJJJ S") + ' Uhr');
                                       } else {
                                           f_end = " ";
                                       }
                                       // LEVEL
                                       level = ' (Stufe ' + getState('dwd.0.warning2.severity').val + ')';
                                       // Headline bold
                                       headline = '<b>' + getState('dwd.0.warning2.headline').val + '</b>' + level;
                                       setState('0_userdata.0.DWD.headline2', headline);
                                       zeitraum = f_begin + f_end;
                                       setState('0_userdata.0.DWD.zeitraum2', '<i>' + zeitraum + '</i>');
                                       text = getState('dwd.0.warning2.description').val;
                                       setState('0_userdata.0.DWD.text2', text + '<br>&nbsp;<hr>');
                                   }
                                });
                                
                                

                                C Offline
                                C Offline
                                cws
                                wrote on last edited by
                                #229

                                @frajop @JayR Angeregt von Deinem Skript @frajop habe ich die Anzeige etwas "verfeinert":

                                Beim DWD-Adapter kann man einstellen, wieviele Meldungen man bekommen möchte. Für die Anzahl der Meldungen (bei mir 4) habe ich vier User-Datenpunkte (warnung0, warnung1, warnung2 und warnung3) angelegt, sowie einen zusätzlichen Datenpunkt "warnungen".

                                Das Skript habe ich nun so modifiziert, dass alle 5 Minuten die Datenpunkte des DWD-Adapter abgefragt werden und daraus dann eine große Liste mit den Warnungen angezeigt wird (inkl. Symbole und Farbmarkierungen).

                                Hier das Skript dazu:

                                // Meldungen von DWD Adapter in HTML formatieren für jarvis - Anzeige
                                 
                                //--------------------------------------------------------------------------------------
                                var f_begin = " ";
                                var f_end = " ";
                                var headline = " ";
                                var zeitraum = " ";
                                var text = " ";
                                
                                var level = " ";
                                var level_txt = " ";
                                var level_clr = " ";
                                
                                var typ = " ";
                                var typ_icn = " ";
                                var typ_txt = " ";
                                
                                var warn_num = 0;
                                var i;
                                var warnung = [];
                                
                                schedule('*/5 * * * *', function () {        // alle 5 min
                                
                                warn_num = getState("dwd.0.numberofwarnings").val;
                                //setState("0_userdata.0.DWD.warnungen", " ");
                                
                                if (warn_num > 0) {
                                
                                    for (i = 0; i < warn_num; i++) {
                                        if (i == 0) {
                                            w = "";
                                        } else {
                                            w = i;
                                        }
                                
                                        var begin = getState('dwd.0.warning'+w+'.begin').val;      
                                        var end   = getState('dwd.0.warning'+w+'.end').val;
                                        if ((begin === null) && (end === null)) {
                                            // keine Meldungen aktiv
                                            log ("DWD - Keine "+ i +"te Warnungen");
                                            warnung[i] = " ";
                                            setState("0_userdata.0.DWD.warnung"+i, " ");
                                        }
                                        else {
                                            // Meldungen vorhanden
                                            log("DWD - "+ i +"te Warnungen aktiv");
                                            setState("0_userdata.0.DWD.warnung"+i, " ");
                                 
                                            // date/time formatieren
                                            if (begin != null) {
                                                if (end != null) {
                                                    f_begin = (formatDate(begin, "W TT.MM.JJJJ S") + ' Uhr bis ');
                                                } else {
                                                    f_begin = (formatDate(begin, "W TT.MM.JJJJ S") + ' Uhr');
                                                }
                                            } else {
                                                f_begin = " ";
                                            }
                                            if (end != null) {
                                                f_end = (formatDate(end, "W TT.MM.JJJJ S") + ' Uhr');
                                            } else {
                                                f_end = " ";
                                            }
                                 
                                           // LEVEL
                                           level = getState('dwd.0.warning'+w+'.level').val;
                                       
                                            switch(level) {
                                                case 1 :
                                                    level_txt = "VOR-WARNUNG";
                                                    level_clr = "#a6acaf";
                                                    break;
                                                case 2 :
                                                    level_txt = "GERING (1 von 4)";
                                                    level_clr = "#f1c40f";  
                                                    break;
                                                case 3 :
                                                    level_txt = "ERHÖHT (2 von 4)";
                                                    level_clr = "#df7f19";
                                                    break;
                                                case 4 :
                                                    level_txt = "HOCH (3 von 4)";
                                                    level_clr = "#cb4335";
                                                    break;
                                                case 5 :
                                                    level_txt = "EXTREM (4 von 4)";
                                                    level_clr = "#6c3483";
                                                    break;
                                                default :
                                                    level_txt = "UNBEKANNT";
                                                    level_clr = "#cb4335";
                                                    break;
                                            }
                                    
                                            typ = getState('dwd.0.warning'+w+'.type').val;
                                
                                            switch(typ) {
                                                case 0 :
                                                    typ_txt = "GEWITTER";
                                                    typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M5 2v11h3v9l7-12h-4l4-8m2 13h2v2h-2v-2m0-8h2v6h-2V7z" fill="' + level_clr + '"/></svg>';
                                                    break;
                                                case 1 :
                                                    typ_txt = "STURM";
                                                    typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M7 5v8l15-2V7L7 5m3 1.91l3 .4v3.38l-3 .4V6.91m6 .8l3 .4v1.78l-3 .4V7.71M5 10v1h1v1H5v9H3V4c0-.55.45-1 1-1s1 .45 1 1v2h1v1H5v3z" fill="' + level_clr + '"/></svg>';
                                                    break;
                                                case 2 :
                                                    typ_txt = "REGEN";
                                                    typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M9 12c.53.14.85.69.71 1.22l-1.3 4.83c-.14.54-.69.85-1.22.71a.967.967 0 0 1-.69-1.22l1.28-4.83c.14-.54.69-.85 1.22-.71m4 0c.53.14.85.69.71 1.22l-2.07 7.73c-.14.55-.69.85-1.23.71c-.53-.16-.85-.69-.71-1.23l2.08-7.72c.14-.54.69-.85 1.22-.71m4 0c.53.14.85.69.71 1.22l-1.3 4.83c-.14.54-.69.85-1.22.71a.967.967 0 0 1-.69-1.22l1.28-4.83c.14-.54.69-.85 1.22-.71m0-2V9a5 5 0 0 0-5-5C9.5 4 7.45 5.82 7.06 8.19C6.73 8.07 6.37 8 6 8a3 3 0 0 0-3 3c0 1.11.6 2.08 1.5 2.6v-.01c.5.28.64.91.37 1.37c-.28.47-.87.64-1.37.36v.01A4.98 4.98 0 0 1 1 11a5 5 0 0 1 5-5c1-2.35 3.3-4 6-4c3.43 0 6.24 2.66 6.5 6.03L19 8a4 4 0 0 1 4 4c0 1.5-.8 2.77-2 3.46c-.5.27-1.09.11-1.37-.37c-.27-.48-.13-1.09.37-1.37v.01c.6-.34 1-.99 1-1.73a2 2 0 0 0-2-2h-2z" fill="' + level_clr + '"/></svg>';
                                                    break;
                                                case 3 :
                                                    typ_txt = "SCHNEE";
                                                    typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M16.46 9.41L13 7.38V5.12l1.71-1.71L13.29 2L12 3.29L10.71 2L9.29 3.41L11 5.12v2.26L8.5 8.82l-2-1.13l-.58-2.33L4 5.88l.47 1.77l-1.77.47l.52 1.93l2.33-.62l2 1.13v2.89l-2 1.13l-2.33-.62l-.52 1.93l1.77.47L4 18.12l1.93.52l.62-2.33l2-1.13L11 16.62v2.26l-1.71 1.71L10.71 22L12 20.71L13.29 22l1.41-1.41l-1.7-1.71v-2.26l3.46-2.01M9.5 10.56L12 9.11l2.5 1.45v2.88L12 14.89l-2.5-1.45M19 13V7h2v6h-2m0 4v-2h2v2h-2z" fill="' + level_clr + '"/></svg>';
                                                    break;
                                                case 4 :
                                                    typ_txt = "NEBEL";
                                                    typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M3 15h10a1 1 0 0 1 1 1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1a1 1 0 0 1 1-1m13 0h5a1 1 0 0 1 1 1a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1a1 1 0 0 1 1-1M1 12a5 5 0 0 1 5-5c1-2.35 3.3-4 6-4c3.43 0 6.24 2.66 6.5 6.03L19 9c2.19 0 3.97 1.76 4 4h-2a2 2 0 0 0-2-2h-2v-1a5 5 0 0 0-5-5C9.5 5 7.45 6.82 7.06 9.19C6.73 9.07 6.37 9 6 9a3 3 0 0 0-3 3a3 3 0 0 0 .17 1H1.1L1 12m2 7h2a1 1 0 0 1 1 1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1a1 1 0 0 1 1-1m5 0h13a1 1 0 0 1 1 1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1a1 1 0 0 1 1-1z" fill="' + level_clr + '"/></svg>';
                                                    break;
                                                case 5 :
                                                    typ_txt = "FROST";
                                                    typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M17 13V7h2v6h-2m0 4v-2h2v2h-2m-4-4V5c0-1.7-1.3-3-3-3S7 3.3 7 5v8c-2.2 1.7-2.7 4.8-1 7s4.8 2.7 7 1s2.7-4.8 1-7c-.3-.4-.6-.7-1-1m-3-9c.6 0 1 .4 1 1v3H9V5c0-.6.4-1 1-1z" fill="' + level_clr + '"/></svg>';
                                                    break;
                                                case 6 :
                                                    typ_txt = "GLÄTTE";
                                                    typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M16.46 9.41L13 7.38V5.12l1.71-1.71L13.29 2L12 3.29L10.71 2L9.29 3.41L11 5.12v2.26L8.5 8.82l-2-1.13l-.58-2.33L4 5.88l.47 1.77l-1.77.47l.52 1.93l2.33-.62l2 1.13v2.89l-2 1.13l-2.33-.62l-.52 1.93l1.77.47L4 18.12l1.93.52l.62-2.33l2-1.13L11 16.62v2.26l-1.71 1.71L10.71 22L12 20.71L13.29 22l1.41-1.41l-1.7-1.71v-2.26l3.46-2.01M9.5 10.56L12 9.11l2.5 1.45v2.88L12 14.89l-2.5-1.45M19 13V7h2v6h-2m0 4v-2h2v2h-2z" fill="' + level_clr + '"/></svg>';
                                                    break;
                                                case 7 :
                                                    typ_txt = "TAU-WETTER";
                                                    typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M8 17.85C8 19.04 7.11 20 6 20s-2-.96-2-2.15C4 16.42 6 14 6 14s2 2.42 2 3.85M16.46 12v-1.44l2-1.13l2.33.62l.52-1.93l-1.77-.47l.46-1.77l-1.93-.52l-.62 2.33l-2 1.13L13 7.38V5.12l1.71-1.71L13.29 2L12 3.29L10.71 2L9.29 3.41L11 5.12v2.26L8.5 8.82l-2-1.13l-.58-2.33L4 5.88l.47 1.77l-1.77.47l.52 1.93l2.33-.62l2 1.13V12H2v1h20v-1h-5.54M9.5 12v-1.44L12 9.11l2.5 1.45V12h-5M20 17.85c0 1.19-.89 2.15-2 2.15s-2-.96-2-2.15c0-1.43 2-3.85 2-3.85s2 2.42 2 3.85m-6 3c0 1.19-.89 2.15-2 2.15s-2-.96-2-2.15c0-1.43 2-3.85 2-3.85s2 2.42 2 3.85z" fill="' + level_clr + '"/></svg>';
                                                    break;
                                                case 8 :
                                                    typ_txt = "HITZE";
                                                    typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M17 13V7h2v6h-2m0 4v-2h2v2h-2m-4-4V5c0-1.7-1.3-3-3-3S7 3.3 7 5v8c-2.2 1.7-2.7 4.8-1 7s4.8 2.7 7 1s2.7-4.8 1-7c-.3-.4-.6-.7-1-1m-3-9c.6 0 1 .4 1 1v3H9V5c0-.6.4-1 1-1z" fill="' + level_clr + '"/></svg>';
                                                    break;
                                                case 9 :
                                                    typ_txt = "UV";
                                                    typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M12 7a5 5 0 0 0-5 5a5 5 0 0 0 5 5a5 5 0 0 0 5-5a5 5 0 0 0-5-5m0 8a3 3 0 0 1-3-3a3 3 0 0 1 3-3a3 3 0 0 1 3 3a3 3 0 0 1-3 3m0-13l2.39 3.42C13.65 5.15 12.84 5 12 5c-.84 0-1.65.15-2.39.42L12 2M3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29L3.34 7m.02 10l1.76-3.77a7.131 7.131 0 0 0 2.38 4.14L3.36 17M12 22l-2.41-3.44c.74.27 1.55.44 2.41.44c.82 0 1.63-.17 2.37-.44M19 13V7h2v6h-2m0 4v-2h2v2" fill="' + level_clr + '"/></svg>';
                                                    break;
                                                default :
                                                    typ_txt = "UNBEKANNT";
                                                    typ_icn = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M13 13h-2V7h2m0 10h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2z" fill="' + level_clr + '"/></svg>';
                                                    break;
                                            }
                                
                                            zeitraum = f_begin + f_end; 
                                            text = getState('dwd.0.warning'+w+'.description').val;
                                
                                            warnung[i] = '<ul class="MuiList-root MuiList-padding">';
                                            warnung[i] = warnung[i] + '<div class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button popup" tabindex="0" role="button" aria-disabled="false" style="display: block ruby;">';
                                            warnung[i] = warnung[i] + '<div class="" style="margin-right: 8px; margin-left: -8px; vertical-align: top; font-size: 24px;">';
                                            warnung[i] = warnung[i] + '<span>' + typ_icn + '</span></div>';
                                            warnung[i] = warnung[i] + '<div class="MuiListItemText-root popup" style="display: flex;">';
                                            warnung[i] = warnung[i] + '<div class="StateListItemBody" style="flex: 1 1 auto; margin: auto 0px;">';
                                            warnung[i] = warnung[i] + '<b><span style="color: ' + level_clr + ';">' + getState('dwd.0.warning'+w+'.headline').val + '</b>';
                                            warnung[i] = warnung[i] + '<br /><i style="font-size: 13px;">' + zeitraum + '</i>';
                                            warnung[i] = warnung[i] + '<p>' + text + '</p>';
                                            warnung[i] = warnung[i] + '<p style="font-size: 12px;">' + level_txt + '</p>';
                                            warnung[i] = warnung[i] + '</div>';
                                            warnung[i] = warnung[i] + '</div>';
                                            warnung[i] = warnung[i] + '</ul>';
                                
                                            setState("0_userdata.0.DWD.warnung"+i, warnung[i]);
                                        }
                                    }
                                 
                                    warnungen = '<div class="MuiCardContent-root WidgetContent CardContent" style="transform: scale(1); transform-origin: center top 0px;">';
                                    for (i = 0; i < warn_num; i++) {
                                        warnungen = warnungen + warnung[i];
                                    }
                                    warnungen = warnungen + '</div>';
                                
                                    setState("0_userdata.0.DWD.warnungen", warnungen);
                                } else {
                                    warnungen = '<div class="MuiCardContent-root WidgetContent CardContent" style="transform: scale(1); transform-origin: center top 0px;">';
                                    warnungen = warnungen + '<i>Derzeit gibt es keine Wetterwarnungen</i>';
                                    warnungen = warnungen + '</div>';
                                    setState("0_userdata.0.DWD.warnungen", warnungen);
                                }
                                });
                                

                                Zum Schluss nur noch die jeweiligen Datenpunkte in jarvis anlegen und per "CustomHTML" einbinden.

                                Vielleicht gefällt's oder gibt Inspiration für weitere Anpassungen. Mir würde da noch was zu NINA fehlen ;-)

                                M 1 Reply Last reply
                                0
                                • W WW1983

                                  @michael_4358

                                  Sorry. Habe erst jetzt gesehen das du an mich eine Frage gestellt hast.

                                  Für CO² nutze ich Netatmo Link

                                  Das Icon ist wie folgt eingestellt:
                                  e702712f-0fe3-4c03-a75e-5b40fba9d1c0-image.png

                                  D Offline
                                  D Offline
                                  disaster123
                                  wrote on last edited by
                                  #230

                                  @ww1983 @ww1983 was ist das für theme / farbschema?

                                  W 1 Reply Last reply
                                  0
                                  • C Offline
                                    C Offline
                                    cws
                                    wrote on last edited by cws
                                    #231

                                    Da ich aus der Community immer wieder gute Anregungen bekomme, möchte ich mal Teile von meiner jarvis-Umsetzung teilen. Zur Inspiration, gerne für zusätzliche Ideen und und und. Wie immer bei solchen Projekte: Zu Ende ist das noch lange nicht - mit jarvis lässt sich ja so einiges umsetzen. Mir fehlt bislang nur "das feste Tablet" über das es schön gesteuert werden kann.

                                    Hier nun ein paar Einblicke:
                                    Screenshot_2021-05-06 cwsSmartHome.png
                                    Screenshot_2021-05-06 cwsSmartHome-Lueftung.png
                                    Screenshot_2021-05-06 cwsSmartHome-PV.png
                                    Screenshot_2021-05-06 cwsSmartHome-PV-Dash.png
                                    Screenshot_2021-05-06 cwsSmartHome-Robbie.png
                                    Screenshot_2021-05-06 cwsSmartHome-Heizung.png

                                    1 Reply Last reply
                                    2
                                    • D disaster123

                                      @ww1983 @ww1983 was ist das für theme / farbschema?

                                      W Offline
                                      W Offline
                                      WW1983
                                      wrote on last edited by
                                      #232

                                      @disaster123

                                      {
                                        "_isSmallScreen": false,
                                        "_isMobile": false,
                                        "_isTablet": false,
                                        "params": {
                                          "socketPort": "8082",
                                          "socketSecure": "false"
                                        },
                                        "language": "de-DE",
                                        "pageFavicon": "home-circle-outline",
                                        "themeColorPrimary": "#4dd0e1",
                                        "tabsHideLabels": true,
                                        "hideTopBarIconTitle": true,
                                        "themeDarkMode": true,
                                        "themeColorSecondary": "#FE9A2E",
                                        "themePaletteBackgroundPaper": "yellow|800",
                                        "columnsOnSmallScreenSizes": "1",
                                        "sendUsageData": true,
                                        "columnsOnMediumScreenSizes": "3",
                                        "token": "07a91e9e29c769ce2dcc214f380c4bbc",
                                        "configExpertMode": true,
                                        "theme": {
                                          "palette": {
                                            "common": {
                                              "black": "#000",
                                              "white": "#fff"
                                            },
                                            "primary": {
                                              "light": "#4dd0e1",
                                              "main": "#4dd0e1",
                                              "dark": "#4dd0e1",
                                              "contrastText": "#fff"
                                            },
                                            "secondary": {
                                              "light": "#FE9A2E",
                                              "main": "#FE9A2E",
                                              "dark": "#FE9A2E",
                                              "contrastText": "#fff"
                                            },
                                            "error": {
                                              "light": "#e57373",
                                              "main": "#f44336",
                                              "dark": "#d32f2f",
                                              "contrastText": "#fff"
                                            },
                                            "warning": {
                                              "light": "#ffb74d",
                                              "main": "#ff9800",
                                              "dark": "#f57c00",
                                              "contrastText": "rgba(0, 0, 0, 0.87)"
                                            },
                                            "info": {
                                              "light": "#64b5f6",
                                              "main": "#2196f3",
                                              "dark": "#1976d2",
                                              "contrastText": "#fff"
                                            },
                                            "success": {
                                              "light": "#81c784",
                                              "main": "#4caf50",
                                              "dark": "#388e3c",
                                              "contrastText": "rgba(0, 0, 0, 0.87)"
                                            },
                                            "text": {
                                              "primary": "#fff",
                                              "secondary": "#4dd0e1",
                                              "disabled": "rgba(255, 255, 255, 0.5)"
                                            },
                                            "hint": "rgba(255, 255, 255, 0.5)",
                                            "icon": "rgba(255, 255, 255, 0.5)",
                                            "divider": "rgba(255, 255, 255, 0.12)",
                                            "background": {
                                              "paper": "#1f1f1f",
                                              "default": "#171717"
                                            }
                                          }
                                        },
                                        "configTab": "settingsRaw",
                                        "configGroupDevices": "function",
                                        "hideTopBar": true,
                                        "joyrideIntroduction": true,
                                        "joyrideDashboard": true,
                                        "joyrideConfiguration": true,
                                        "hideQuickJumper": true,
                                        "pageTitle": "JARVIS"
                                      }
                                      
                                      D 1 Reply Last reply
                                      1
                                      • W WW1983

                                        @disaster123

                                        {
                                          "_isSmallScreen": false,
                                          "_isMobile": false,
                                          "_isTablet": false,
                                          "params": {
                                            "socketPort": "8082",
                                            "socketSecure": "false"
                                          },
                                          "language": "de-DE",
                                          "pageFavicon": "home-circle-outline",
                                          "themeColorPrimary": "#4dd0e1",
                                          "tabsHideLabels": true,
                                          "hideTopBarIconTitle": true,
                                          "themeDarkMode": true,
                                          "themeColorSecondary": "#FE9A2E",
                                          "themePaletteBackgroundPaper": "yellow|800",
                                          "columnsOnSmallScreenSizes": "1",
                                          "sendUsageData": true,
                                          "columnsOnMediumScreenSizes": "3",
                                          "token": "07a91e9e29c769ce2dcc214f380c4bbc",
                                          "configExpertMode": true,
                                          "theme": {
                                            "palette": {
                                              "common": {
                                                "black": "#000",
                                                "white": "#fff"
                                              },
                                              "primary": {
                                                "light": "#4dd0e1",
                                                "main": "#4dd0e1",
                                                "dark": "#4dd0e1",
                                                "contrastText": "#fff"
                                              },
                                              "secondary": {
                                                "light": "#FE9A2E",
                                                "main": "#FE9A2E",
                                                "dark": "#FE9A2E",
                                                "contrastText": "#fff"
                                              },
                                              "error": {
                                                "light": "#e57373",
                                                "main": "#f44336",
                                                "dark": "#d32f2f",
                                                "contrastText": "#fff"
                                              },
                                              "warning": {
                                                "light": "#ffb74d",
                                                "main": "#ff9800",
                                                "dark": "#f57c00",
                                                "contrastText": "rgba(0, 0, 0, 0.87)"
                                              },
                                              "info": {
                                                "light": "#64b5f6",
                                                "main": "#2196f3",
                                                "dark": "#1976d2",
                                                "contrastText": "#fff"
                                              },
                                              "success": {
                                                "light": "#81c784",
                                                "main": "#4caf50",
                                                "dark": "#388e3c",
                                                "contrastText": "rgba(0, 0, 0, 0.87)"
                                              },
                                              "text": {
                                                "primary": "#fff",
                                                "secondary": "#4dd0e1",
                                                "disabled": "rgba(255, 255, 255, 0.5)"
                                              },
                                              "hint": "rgba(255, 255, 255, 0.5)",
                                              "icon": "rgba(255, 255, 255, 0.5)",
                                              "divider": "rgba(255, 255, 255, 0.12)",
                                              "background": {
                                                "paper": "#1f1f1f",
                                                "default": "#171717"
                                              }
                                            }
                                          },
                                          "configTab": "settingsRaw",
                                          "configGroupDevices": "function",
                                          "hideTopBar": true,
                                          "joyrideIntroduction": true,
                                          "joyrideDashboard": true,
                                          "joyrideConfiguration": true,
                                          "hideQuickJumper": true,
                                          "pageTitle": "JARVIS"
                                        }
                                        
                                        D Offline
                                        D Offline
                                        disaster123
                                        wrote on last edited by
                                        #233

                                        @ww1983 danke

                                        1 Reply Last reply
                                        1
                                        • B Bloody

                                          @WW1983 said in [Showcase] Jarvis - just another remarkable vis:

                                          @Stephan-Schleich Danke fürs Erstellen

                                          Hier sind meine aktuelle Einstellungen:

                                          Screenshot 2020-10-16 122619.png

                                          Hey @WW1983,
                                          bin gerade dabei mein System Tab zu bauen. Hätte da mal 1-2 Fragen :grimacing:
                                          bd507acd-54ab-4fe3-af8b-e3fba2259256-image.png

                                          1. Wie hast du deinen Hintergrund so dunkel bekommen? Hab meinen im Darkmode aber dein Stil gefällt mir besser.
                                          2. Die mittlere Spalte bei dir, sind das Adapter im ioBroker, wo du die Stati abfragst oder sind das die Services auf deinem Pi oder was du auch nutzt? Ersteres wäre klar aber wenn zweiteres, wie kannst du die Stati abfragen? Hab bei mir z.B auf dem Pi noch Grafana oder influxdb laufen, welche ich halt gerne visualisiert hätte, ob diese laufen oder nicht.

                                          Grüße

                                          Edit: Merke gerade, dass ich genau das eigentlich über die iobroker Adapter abbilden kann. Bis auf Grafana halt.

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

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

                                          @WW1983 said in [Showcase] Jarvis - just another remarkable vis:

                                          @Stephan-Schleich Danke fürs Erstellen

                                          Hier sind meine aktuelle Einstellungen:

                                          Screenshot 2020-10-16 122619.png

                                          Hey @WW1983,
                                          bin gerade dabei mein System Tab zu bauen. Hätte da mal 1-2 Fragen :grimacing:
                                          bd507acd-54ab-4fe3-af8b-e3fba2259256-image.png

                                          1. Wie hast du deinen Hintergrund so dunkel bekommen? Hab meinen im Darkmode aber dein Stil gefällt mir besser.
                                          2. Die mittlere Spalte bei dir, sind das Adapter im ioBroker, wo du die Stati abfragst oder sind das die Services auf deinem Pi oder was du auch nutzt? Ersteres wäre klar aber wenn zweiteres, wie kannst du die Stati abfragen? Hab bei mir z.B auf dem Pi noch Grafana oder influxdb laufen, welche ich halt gerne visualisiert hätte, ob diese laufen oder nicht.

                                          Grüße

                                          Edit: Merke gerade, dass ich genau das eigentlich über die iobroker Adapter abbilden kann. Bis auf Grafana halt.

                                          Moin, ich wollte mal fragen wie du es eingestellt hast den pi über jarvis zu rebooten?

                                          W 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

                                          828

                                          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