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. Praktische Anwendungen (Showcase)
  4. Material Design Widgets: Wetter View

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

Material Design Widgets: Wetter View

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
material design widgetsviswetterdaswetterweatherundergroundpollenflugstatusanzeigejavascript
709 Posts 80 Posters 182.7k Views 88 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.
  • GlasfaserG Glasfaser

    @michihorn

    Hier das Original :

    let idSensor_Temperatur = 'linkeddevices.0.Sensoren.Temperatur.Aussen.Temperatur'                               // Temperatur des eigenen Sensor
    let idSensor_Luftfeuchtigkeit = 'linkeddevices.0.Sensoren.Temperatur.Aussen.Luftfeuchtigkeit'                   // Luftfeuchtigkeit des eigenen Sensor
    
    let idSensor_Luftfeuchtigkeit = ('hm-rpc.2.00185BE98B3FCA.1.HUMIDITY');
    

    Nimm bei dir die ( .Klammer . ) raus .

    M Online
    M Online
    michihorn
    wrote on last edited by
    #497

    @glasfaser Hallöchen, ne das war es leider nicht :-(

    GlasfaserG P 2 Replies Last reply
    0
    • M michihorn

      @glasfaser Hallöchen, ne das war es leider nicht :-(

      GlasfaserG Offline
      GlasfaserG Offline
      Glasfaser
      wrote on last edited by
      #498

      @michihorn sagte in Material Design Widgets: Wetter View:

      @glasfaser Hallöchen, ne das war es leider nicht :-(

      Du schreibst nur von den eigenen Datenpunkten , was ist mit den anderen ?

      Schau mal bitte bei diesem Widget , ob der Datenpunkt richtig hinterlegt ist ,
      bzw. auch bei dem Datenpunkt selber ob dort Werte sind !

      1.JPG

      Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

      M 1 Reply Last reply
      0
      • GlasfaserG Glasfaser

        @michihorn sagte in Material Design Widgets: Wetter View:

        @glasfaser Hallöchen, ne das war es leider nicht :-(

        Du schreibst nur von den eigenen Datenpunkten , was ist mit den anderen ?

        Schau mal bitte bei diesem Widget , ob der Datenpunkt richtig hinterlegt ist ,
        bzw. auch bei dem Datenpunkt selber ob dort Werte sind !

        1.JPG

        M Online
        M Online
        michihorn
        wrote on last edited by
        #499

        @glasfaser Die anderen scheinen zu klappen:
        Unbenannt.PNG

        1 Reply Last reply
        0
        • M michihorn

          Hallo super Arbeit. Merci. Ich habe allerdings noch ein kleines Problem
          Unbenannt.PNG

          Meine eigenen Sensoren habe ich so eingetragen:
          let idSensor_Temperatur = ('hm-rpc.2.00185BE98B3FCA.1.ACTUAL_TEMPERATURE');
          let idSensor_Luftfeuchtigkeit = ('hm-rpc.2.00185BE98B3FCA.1.HUMIDITY');
          Wo bin ich falsch abgebogen?
          Gruß Michael

          GlasfaserG Offline
          GlasfaserG Offline
          Glasfaser
          wrote on last edited by
          #500

          @michihorn sagte in Material Design Widgets: Wetter View:

          Hallo super Arbeit. Merci. Ich habe allerdings noch ein kleines Problem
          Unbenannt.PNG

          Ich meinte das .

          Und was ist hiermit:

          @glasfaser sagte in Material Design Widgets: Wetter View:
          Schau mal bitte bei diesem Widget , ob der Datenpunkt richtig hinterlegt ist ,
          bzw. auch bei dem Datenpunkt selber ob dort Werte sind !

          1.JPG

          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

          M 1 Reply Last reply
          0
          • GlasfaserG Glasfaser

            @michihorn sagte in Material Design Widgets: Wetter View:

            Hallo super Arbeit. Merci. Ich habe allerdings noch ein kleines Problem
            Unbenannt.PNG

            Ich meinte das .

            Und was ist hiermit:

            @glasfaser sagte in Material Design Widgets: Wetter View:
            Schau mal bitte bei diesem Widget , ob der Datenpunkt richtig hinterlegt ist ,
            bzw. auch bei dem Datenpunkt selber ob dort Werte sind !

            1.JPG

            M Online
            M Online
            michihorn
            wrote on last edited by
            #501

            @glasfaser Ja da stehen die Temperatur und Feuchte drin:


            [
            {
            "rightText": "\n <div style="display: flex; align-items: flex-end; justify-content: flex-end;">\n <div style="color: #44739e; font-size: 30px; font-family: RobotoCondensed-Regular;">13.9</div>\n <div style="color: #44739e; font-size: 16px; font-family: RobotoCondensed-Regular; margin-left: 2px; margin-bottom: 4px;"> °C</div>\n </div>\n <div style="color: gray; height: 13px; font-size: 12px; font-family: RobotoCondensed-Light; margin-top: 2px;">91 %</div>"
            }
            ]

            GlasfaserG 1 Reply Last reply
            0
            • M michihorn

              @glasfaser Ja da stehen die Temperatur und Feuchte drin:


              [
              {
              "rightText": "\n <div style="display: flex; align-items: flex-end; justify-content: flex-end;">\n <div style="color: #44739e; font-size: 30px; font-family: RobotoCondensed-Regular;">13.9</div>\n <div style="color: #44739e; font-size: 16px; font-family: RobotoCondensed-Regular; margin-left: 2px; margin-bottom: 4px;"> °C</div>\n </div>\n <div style="color: gray; height: 13px; font-size: 12px; font-family: RobotoCondensed-Light; margin-top: 2px;">91 %</div>"
              }
              ]

              GlasfaserG Offline
              GlasfaserG Offline
              Glasfaser
              wrote on last edited by Glasfaser
              #502

              @michihorn sagte in Material Design Widgets: Wetter View:

              Ja da stehen die Temperatur und Feuchte drin:

              Beim Widget ?

              @glasfaser sagte in Material Design Widgets: Wetter View:
              Schau mal bitte bei diesem Widget , ob der Datenpunkt richtig hinterlegt ist ,

              Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

              M 1 Reply Last reply
              0
              • GlasfaserG Glasfaser

                @michihorn sagte in Material Design Widgets: Wetter View:

                Ja da stehen die Temperatur und Feuchte drin:

                Beim Widget ?

                @glasfaser sagte in Material Design Widgets: Wetter View:
                Schau mal bitte bei diesem Widget , ob der Datenpunkt richtig hinterlegt ist ,

                M Online
                M Online
                michihorn
                wrote on last edited by
                #503

                @glasfaser Da stand bei "json_string_oid" nix drin. Hab jetzt die Syntax aus dem Objektbaum dort eingetragen
                Unbenannt.PNG

                Dankeschön für Deine Hilfe :+1:
                Gruß Michael

                GlasfaserG 1 Reply Last reply
                0
                • M michihorn

                  @glasfaser Da stand bei "json_string_oid" nix drin. Hab jetzt die Syntax aus dem Objektbaum dort eingetragen
                  Unbenannt.PNG

                  Dankeschön für Deine Hilfe :+1:
                  Gruß Michael

                  GlasfaserG Offline
                  GlasfaserG Offline
                  Glasfaser
                  wrote on last edited by
                  #504

                  @michihorn sagte in Material Design Widgets: Wetter View:

                  Dankeschön für Deine Hilfe

                  Loll ..... ;)

                  gehe mal 3 Poste über dein Eröffnungstread

                  https://forum.iobroker.net/topic/32232/material-design-widgets-wetter-view/492

                  Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                  1 Reply Last reply
                  0
                  • M michihorn

                    @glasfaser Hallöchen, ne das war es leider nicht :-(

                    P Offline
                    P Offline
                    papaechokilo
                    wrote on last edited by papaechokilo
                    #505

                    @michihorn Hallo, bei mir sieht die Zeile so aus:

                    code_text
                    let idSensor_Luftfeuchtigkeit = 'hmip.0.devices.3014F711A0000EDBE98B96D5.channels.1.humidity' // Luftfeuchtigkeit des eigenen Sensor
                    1 Reply Last reply
                    0
                    • K Offline
                      K Offline
                      Kaktus
                      wrote on last edited by
                      #506

                      Hi,

                      ich hatte dasselbe Problem mit den leeren "json_string_oid" aus dem Beispielprojekt.
                      Mittels eines Quick-Hacks habe ich alle Einträge "jsonStringObject" in "json_string_oid" in der Datei "vis-views.json" geändert.
                      Nach einem neuen Import sahen die Widgets bzw. die Daten gut aus.

                      Das Perl-Script:
                      fix_project.pl
                      bzw.
                      das neue Projekt
                      Material-Design-Widgest_Weather.zip

                      Vielleicht kann das jemand gebrauchen.

                      D3ltoroxpD 1 Reply Last reply
                      3
                      • ScroungerS Scrounger

                        Ein Beispiel Projekt für eine responsiv VIS View mit Wetter Daten.

                        Tablet Phone

                        Alle Informationen und Anleitung findet ihr im Material Design Widgets repo auf github

                        Sollte out of the box funktionieren - hoffentlich ;-)

                        Vielen Dank an

                        • @sigi234: für die Insperation, als Basis hab ich mich an seinem Wetter Projekt orientiert
                        • @Mic: für sein Skript um Datenpunkte unter 0_userdata.0 zu ereugen. Das Skript findet ihr hier
                        F Offline
                        F Offline
                        florian84z
                        wrote on last edited by
                        #507

                        @scrounger Tolles Projekt! Läuft die auch im jarvis?

                        1 Reply Last reply
                        0
                        • S Offline
                          S Offline
                          StefanRS
                          wrote on last edited by
                          #508

                          Hallo zusammen,

                          ein absolut tolle Wetter View. Vielen Dank dafür.
                          Hab soweit alles hinbekommen, außer die Darstellung mit Mond, Sonne, Luftfeutigkeit etc.
                          DIe Anzeige ist irgendwie mit einem weißem Balken verdeckt . Hab es auch probiert in den einzelnen Views zu ändern, dann hat sich aber alles verschoben.
                          Siehe BIld. Könnt ihr mir bitte
                          helfen?
                          Wetter.PNG

                          1 Reply Last reply
                          0
                          • B Offline
                            B Offline
                            Bongo
                            wrote on last edited by
                            #509

                            Danke für die View und Script.

                            In Niederschlag soll wohl der aktuelle Niederschlag im mm stehen. Aber das habe ich noch nichts gesehen. Von welchen Datenpunkt soll er benutzt werden?
                            hc_907.png

                            Gruß
                            Bongo

                            Script - Die sprechende Kaffeemaschine – Home Connect
                            Script - JUDO Wasserenthärtung - Connectivity-Modul API

                            1 Reply Last reply
                            0
                            • GlasfaserG Offline
                              GlasfaserG Offline
                              Glasfaser
                              wrote on last edited by
                              #510

                              @bongo sagte in Material Design Widgets: Wetter View:

                              Aber das habe ich noch nichts gesehen.

                              Wird vom Adapter ... geholt

                              d7167d06-5f68-43c2-a60b-96ce61d6b397-grafik.png

                              aus den Datenpunkten

                              weatherunderground.0.forecast...............precipitation ....

                              Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                              B 1 Reply Last reply
                              0
                              • GlasfaserG Glasfaser

                                @bongo sagte in Material Design Widgets: Wetter View:

                                Aber das habe ich noch nichts gesehen.

                                Wird vom Adapter ... geholt

                                d7167d06-5f68-43c2-a60b-96ce61d6b397-grafik.png

                                aus den Datenpunkten

                                weatherunderground.0.forecast...............precipitation ....

                                B Offline
                                B Offline
                                Bongo
                                wrote on last edited by Bongo
                                #511

                                @glasfaser sagte in Material Design Widgets: Wetter View:

                                Wird vom Adapter ... geholt

                                d7167d06-5f68-43c2-a60b-96ce61d6b397-grafik.png

                                aus den Datenpunkten

                                weatherunderground.0.forecast...............precipitation ....

                                Danke.

                                weatherunderground habe ich 3.3.1.
                                In den Einstellungen habe ich keinen API Schlüssel eingegeben. Wenn ich es richtig verstehe wird da irgendwie ein allgemeiner Schlüssel benutzt.

                                Ich denke das soll der Datenpunkt sein:
                                weatherunderground.0.forecast.current.precipitationHour
                                98bebb88-dc21-42a6-b239-d107fe0af4b8-grafik.png

                                Müsste da nicht 0 statt null stehen?
                                Heute hat es noch nicht geregnet. Gestern schon. Der datenpunkt wurde aber seit der Installation vor 3 Tagen nicht geändert.

                                Könnte es sein, dass ich noch ein Problem habe? Brauche ich doch einen API Schlüssel?

                                Edit: Ich habe jetzt eine andere Station als die wohl automatisch durch die Koordinaten ausgewählt genommen. Jetzt wird 0,0 mm angezeigt. Ich denke es sollte jetzt passen.

                                Gruß
                                Bongo

                                Script - Die sprechende Kaffeemaschine – Home Connect
                                Script - JUDO Wasserenthärtung - Connectivity-Modul API

                                1 Reply Last reply
                                0
                                • B Offline
                                  B Offline
                                  Bongo
                                  wrote on last edited by
                                  #512

                                  Jetzt habe ich ja die Wetter Vis in einem separaten Projekt. Wie kann ich im eigenen Projekt die Wetter Vis integrieren? Oder muss ich die einzenlenen Views in meinem eigenen Projekt importieren?

                                  Wie macht ihr das?

                                  Gruß
                                  Bongo

                                  Script - Die sprechende Kaffeemaschine – Home Connect
                                  Script - JUDO Wasserenthärtung - Connectivity-Modul API

                                  NegaleinN 1 Reply Last reply
                                  0
                                  • B Bongo

                                    Jetzt habe ich ja die Wetter Vis in einem separaten Projekt. Wie kann ich im eigenen Projekt die Wetter Vis integrieren? Oder muss ich die einzenlenen Views in meinem eigenen Projekt importieren?

                                    Wie macht ihr das?

                                    NegaleinN Offline
                                    NegaleinN Offline
                                    Negalein
                                    Global Moderator
                                    wrote on last edited by
                                    #513

                                    @bongo sagte in Material Design Widgets: Wetter View:

                                    Oder muss ich die einzenlenen Views in meinem eigenen Projekt importieren?

                                    Ja

                                    ° Node.js & System Update ---> sudo apt update, iob stop, sudo apt full-upgrade
                                    ° Node.js Fixer ---> iob nodejs-update
                                    ° Fixer ---> iob fix

                                    1 Reply Last reply
                                    0
                                    • KusselinK Offline
                                      KusselinK Offline
                                      Kusselin
                                      wrote on last edited by Kusselin
                                      #514

                                      Hallo Zusammen, auch hier bin ich am probieren udn testen udn verstehen....schwierig trotzdem....aber ich probiere trotzdem und bleibe am Ball!!

                                      Was ich geren wissen möchte..ich habe soweit alles installiert also die Adapter udn benutze für die Runtime den Mozilla (aktuell)...leider wird mir aber nicht alles angezeigt...ich habe im WetterScript nur die #111 für den Pollenflug geändert....sonst nichts...die adapter alle installiert am eigentlichen Wetter Widget muss ich doch dann nichts mehr ändern oder? Hier mal ein paar screenshots zur besseren verdeutlichung für euch ob da was falsch ist?

                                      Danke im Voraus schonmal...

                                      Das Script das ich unter Scripte Javascript angelegt habe...hier habe ich nur den Pollenflug geändert....Script gestartet...dann gestoppt dann wieder gestartet...

                                      Image 1.png
                                      Image 2.png
                                      Image 3.png
                                      Image 4.png

                                      GlasfaserG K 2 Replies Last reply
                                      0
                                      • KusselinK Kusselin

                                        Hallo Zusammen, auch hier bin ich am probieren udn testen udn verstehen....schwierig trotzdem....aber ich probiere trotzdem und bleibe am Ball!!

                                        Was ich geren wissen möchte..ich habe soweit alles installiert also die Adapter udn benutze für die Runtime den Mozilla (aktuell)...leider wird mir aber nicht alles angezeigt...ich habe im WetterScript nur die #111 für den Pollenflug geändert....sonst nichts...die adapter alle installiert am eigentlichen Wetter Widget muss ich doch dann nichts mehr ändern oder? Hier mal ein paar screenshots zur besseren verdeutlichung für euch ob da was falsch ist?

                                        Danke im Voraus schonmal...

                                        Das Script das ich unter Scripte Javascript angelegt habe...hier habe ich nur den Pollenflug geändert....Script gestartet...dann gestoppt dann wieder gestartet...

                                        Image 1.png
                                        Image 2.png
                                        Image 3.png
                                        Image 4.png

                                        GlasfaserG Offline
                                        GlasfaserG Offline
                                        Glasfaser
                                        wrote on last edited by Glasfaser
                                        #515

                                        @kusselin sagte in Material Design Widgets: Wetter View:

                                        .leider wird mir aber nicht alles angezeigt..

                                        Was wird nicht angezeigt ?
                                        Sind die Datenpunke von MaterialDesignWidges alle gefüllt mit Werten .

                                        Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                                        KusselinK 1 Reply Last reply
                                        0
                                        • GlasfaserG Glasfaser

                                          @kusselin sagte in Material Design Widgets: Wetter View:

                                          .leider wird mir aber nicht alles angezeigt..

                                          Was wird nicht angezeigt ?
                                          Sind die Datenpunke von MaterialDesignWidges alle gefüllt mit Werten .

                                          KusselinK Offline
                                          KusselinK Offline
                                          Kusselin
                                          wrote on last edited by
                                          #516

                                          @glasfaser ups sorry hab das Bild vergessen ;-)

                                          Image 5.png

                                          also unter Objekte-> Material Widget Design zb so:
                                          Image 6.png

                                          Image 7.png
                                          Image 8.png

                                          GlasfaserG 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

                                          698

                                          Online

                                          32.6k

                                          Users

                                          82.3k

                                          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