Weather / Humidty / Wind with Animated Icons

[o0shojo0o]

by dd_internetagentur
Hier einmal der Wetterflow mit Animierten Icons für die jewilige Tageszeit und Wetterbedingungen sowie Humidty / Wind

[{"id":"eab0d040.4d40f8","type":"function","z":"b3303663.f33fd","name":"Text","func":"\nvar windspeed = msg.payload.windspeed*3.6;\nmsg.windspeed = windspeed.toFixed(0) + \"kmh\";\n\nreturn msg;\n\n","outputs":1,"noerr":0,"x":830,"y":230,"wires":[["6947363.5f9cac8"]]},{"id":"1b10bdf2.9e4dfa","type":"function","z":"b3303663.f33fd","name":"Bitmap + Text","func":"var icon = msg.payload.icon;\n//\tclear sky\nif (icon == \"01d\")\n{msg.bmp = '[0,0,0,0,0,0,0,0,0,0,0,65504,65504,0,0,0,0,0,65504,65504,65504,65504,0,0,0,65504,65504,65504,65504,65504,65504,0,0,65504,65504,65504,65504,65504,65504,0,0,65504,65504,65504,65504,65504,65504,0,0,0,65504,65504,65504,65504,0,0,0,0,0,65504,65504,0,0,0]'}\nif (icon == \"01n\")\n{msg.bmp = '[0,0,0,0,0,0,0,0,0,0,0,54970,54970,0,0,0,0,0,54970,54970,54970,54970,0,0,0,54970,54970,54970,54970,54970,54970,0,0,54970,54970,54970,54970,54970,54970,0,0,54970,54970,54970,54970,54970,54970,0,0,0,54970,54970,54970,54970,0,0,0,0,0,54970,54970,0,0,0]'}\n\n// few clouds\nelse if (icon == \"02d\")\n{msg.bmp = '[0,0,65504,0,0,65504,0,0,0,0,0,0,0,0,0,0,65504,0,65504,65504,65504,65504,0,65504,0,65504,65504,65504,65504,54970,65535,0,0,65535,65535,65504,54970,65535,65535,54970,54970,65535,65535,65504,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,54970,65535,65535,65535,65535,65535,0]'}\nelse if (icon == \"02n\")\n{msg.bmp = '[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,33808,33808,33808,33808,0,0,0,33808,33808,33808,33808,54970,65535,0,0,65535,65535,33808,54970,65535,65535,54970,54970,65535,65535,33808,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,54970,65535,65535,65535,65535,65535,0]'}\n\n// scattered clouds\nelse if (icon == \"03d\" || icon == \"03n\")\n{msg.bmp = '[0,0,0,0,0,0,0,0,0,44373,44373,0,0,0,0,0,33808,33808,33808,0,0,44373,65535,0,33808,65535,65535,33808,33808,65535,65535,33808,65535,65535,65535,33808,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,0,33808,65535,65535,65535,44373,0,0]'}\n\n// broken clouds\nelse if (icon == \"04d\" || icon == \"04n\")\n{msg.bmp = '[0,0,0,0,0,0,0,0,0,44373,44373,0,0,0,0,0,33808,33808,33808,0,0,44373,65535,0,33808,65535,65535,33808,33808,65535,65535,33808,65535,65535,65535,33808,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,0,33808,65535,65535,65535,44373,0,0]'}\n\n// shower rain\nelse if (icon == \"09d\" || icon == \"09n\")\n{msg.bmp = '[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,31,0,0,31,0,0,31,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,31,0,0,31,0,0,31,31,0,0,31,0,0,31,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,0,0,0,0,0,0,0,31,0,0,31,0,0,31,0,0,0,31,0,0,31,0,0],[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,31,0,0,31,0,0]'}\n\n// rain\nelse if (icon == \"10d\")\n{msg.bmp = '[0,65514,65514,65514,65514,44373,65535,0,65514,65535,65535,65514,44373,65535,65535,44373,44373,65535,65535,65514,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,65514,65514,65514,65514,44373,65535,0,65514,65535,65535,65514,44373,65535,65535,44373,44373,65535,65535,65514,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,31,0,0,31,0,0,31,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,65514,65514,65514,65514,44373,65535,0,65514,65535,65535,65514,44373,65535,65535,44373,44373,65535,65535,65514,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,31,0,0,31,0,0,31,31,0,0,31,0,0,31,0,0,0,0,0,0,0,0,0],[0,65514,65514,65514,65514,44373,65535,0,65514,65535,65535,65514,44373,65535,65535,44373,44373,65535,65535,65514,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,0,0,0,0,0,0,0,31,0,0,31,0,0,31,0,0,0,31,0,0,31,0,0],[0,65514,65514,65514,65514,44373,65535,0,65514,65535,65535,65514,44373,65535,65535,44373,44373,65535,65535,65514,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,31,0,0,31,0,0]'}\nelse if (icon == \"10n\")\n{msg.bmp = '[0,33808,33808,33808,33808,44373,65535,0,33808,65535,65535,33808,44373,65535,65535,44373,44373,65535,65535,33808,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,33808,33808,33808,33808,44373,65535,0,33808,65535,65535,33808,44373,65535,65535,44373,44373,65535,65535,33808,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,31,0,0,31,0,0,31,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,33808,33808,33808,33808,44373,65535,0,33808,65535,65535,33808,44373,65535,65535,44373,44373,65535,65535,33808,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,31,0,0,31,0,0,31,31,0,0,31,0,0,31,0,0,0,0,0,0,0,0,0],[0,33808,33808,33808,33808,44373,65535,0,33808,65535,65535,33808,44373,65535,65535,44373,44373,65535,65535,33808,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,0,0,0,0,0,0,0,31,0,0,31,0,0,31,0,0,0,31,0,0,31,0,0],[0,33808,33808,33808,33808,44373,65535,0,33808,65535,65535,33808,44373,65535,65535,44373,44373,65535,65535,33808,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,31,0,0,31,0,0]'}\n\n// thunderstorm\nelse if (icon == \"11d\" || icon == \"11n\")\n{msg.bmp = '[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,31,0,0,31,0,0,31,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65504,65535,65535,0,0,31,0,0,31,0,0,31,31,0,0,31,0,0,31,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65514,65535,65535,0,0,0,0,65514,0,0,0,0,31,0,0,31,0,0,31,0,0,0,31,0,0,31,0,0],[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65514,65535,65535,0,0,0,0,65514,0,0,0,0,0,0,0,65514,0,0,0,0,0,0,31,0,0,31,0,0],[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65514,65535,65535,0,0,0,0,65514,0,0,0,0,0,0,0,65514,0,0,0,0,0,0,65514,0,0,0,0,0],[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]'}\n\n//Snow\nelse if (icon == \"13d\" || icon == \"13n\")\n{msg.bmp = '[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,65535,0,0,65535,0,0,65535,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,0,0,0,0,0,0,0,65535,0,0,65535,0,0,65535,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,0,0,0,0,0,0,0,65535,0,0,0,0,0,0,0,0,0,65535,0,0,65535,0,0],[0,0,0,0,0,44373,65535,0,0,65535,65535,0,44373,65535,65535,44373,44373,65535,65535,0,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,65535,0,44373,65535,65535,65535,65535,65535,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,65535,0,0,65535,0,0]'}\n\n// FOG\nelse if (icon == \"50d\" || icon == \"50n\")\n{msg.bmp = '[0,0,0,0,0,0,0,0,0,0,0,65514,65514,0,0,0,0,0,65514,65504,65504,65514,0,0,0,65514,65504,65514,65504,65514,65514,0,0,65504,65514,65504,65514,65504,65514,0,0,0,65514,65504,65514,65504,0,0,0,0,0,65514,65525,0,0,0,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,65514,65514,0,0,44373,44373,0,65514,65504,65504,65514,0,0,0,65514,65504,65514,65504,65514,65514,0,0,65504,65514,65504,65514,65504,65514,44373,0,0,65514,65504,65514,65504,0,0,0,0,0,65514,65525,0,0,44373,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,65514,65514,0,44373,33808,44373,33808,44373,65504,65504,65514,0,0,0,65514,65504,65514,65504,65514,65514,0,0,65504,65514,65504,65514,44373,33808,44373,0,0,65514,65504,65514,65504,0,0,0,0,0,65514,65525,0,44373,44373,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,65514,65514,0,44373,33808,44373,33808,44373,33808,65504,65514,0,0,0,65514,65504,65514,65504,65514,65514,0,0,65504,65514,33808,33808,44373,33808,44373,0,0,65514,65504,65514,65504,0,0,0,0,0,65514,65525,33808,44373,44373,0,0,0,0,0,0,0,0],[0,0,0,0,0,0,0,0,0,0,0,65514,65514,0,44373,33808,33808,44373,33808,44373,65504,65514,0,0,0,65514,65504,65514,65504,65514,65514,0,0,65504,44373,33808,33808,44373,44373,33808,0,0,65514,65504,65514,65504,0,0,0,0,0,44373,33808,33808,44373,44373,0,0,0,0,0,0,0,0]'}\n\nmsg.humidity = msg.payload.humidity + \" %\";\nmsg.temp = msg.payload.tempc.toFixed(1) + \"~C\"\n\nreturn msg;\n\n","outputs":1,"noerr":0,"x":860,"y":190,"wires":[["d2518c98.bf3898"]]},{"id":"51c96e65.004898","type":"openweathermap","z":"b3303663.f33fd","name":"Weather","wtype":"current","lon":"","lat":"","city":"","country":"","language":"de","x":330,"y":230,"wires":[["d5e6984a.80b628"]]},{"id":"1e5806bc.e0a5c1","type":"inject","z":"b3303663.f33fd","name":"WEATHER","topic":"","payload":"","payloadType":"date","repeat":"1800","crontab":"","once":true,"onceDelay":0.1,"x":180,"y":230,"wires":[["51c96e65.004898"]]},{"id":"1e35f8ba.22f61f","type":"function","z":"b3303663.f33fd","name":"Text","func":"msg.humidity = msg.payload.humidity.toFixed(0) + \"%\";\n\nreturn msg;\n\n","outputs":1,"noerr":0,"x":830,"y":270,"wires":[["f52d9f5e.d99da8"]]},{"id":"c9172e5d.9abdc8","type":"Screen Init","z":"b3303663.f33fd","name":"Screen Init","inscreenName":"weather_temp","induration":"5","x":690,"y":190,"wires":[["1b10bdf2.9e4dfa"]]},{"id":"3fa1c248.849c06","type":"Screen Init","z":"b3303663.f33fd","name":"Screen Init","inscreenName":"weather_wind","induration":"5","x":690,"y":230,"wires":[["eab0d040.4d40f8"]]},{"id":"c71d2c74.c8a9f8","type":"Screen Init","z":"b3303663.f33fd","name":"Screen Init","inscreenName":"weather_humi","induration":"5","x":690,"y":270,"wires":[["1e35f8ba.22f61f"]]},{"id":"d5e6984a.80b628","type":"Switch Animation","z":"b3303663.f33fd","name":"Switch Animation","aktiv":"true","animation":"fade","x":500,"y":230,"wires":[["c9172e5d.9abdc8","3fa1c248.849c06","c71d2c74.c8a9f8"]]},{"id":"53de057d.459edc","type":"Text","z":"b3303663.f33fd","name":"Text","intextString":"{{windspeed}}","inbigFont":"false","inscrollText":"false","inscrollTextDelay":"0","incenterText":"true","inposX":"7","inposY":"1","incolorR":"255","incolorG":"255","incolorB":"255","x":1160,"y":230,"wires":[["9e1338d8.350ca"]]},{"id":"61a885ab.e42454","type":"Text","z":"b3303663.f33fd","name":"Text","intextString":"{{temp}}","inbigFont":"false","inscrollText":"false","inscrollTextDelay":"0","incenterText":"true","inposX":"7","inposY":"1","incolorR":"255","incolorG":"255","incolorB":"255","x":1160,"y":190,"wires":[["9e1338d8.350ca"]]},{"id":"4daafd07.67c904","type":"Text","z":"b3303663.f33fd","name":"Text","intextString":"{{humidity}}","inbigFont":"false","inscrollText":"false","inscrollTextDelay":"0","incenterText":"true","inposX":"7","inposY":"1","incolorR":"255","incolorG":"255","incolorB":"255","x":1160,"y":270,"wires":[["9e1338d8.350ca"]]},{"id":"d2518c98.bf3898","type":"Bitmap Animation","z":"b3303663.f33fd","name":"Bitmap","indata":"{{bmp}}","inanimationDelay":"150","inrubberbanding":"false","inlimitLoops":"0","x":1020,"y":190,"wires":[["61a885ab.e42454"]]},{"id":"6947363.5f9cac8","type":"Bitmap Animation","z":"b3303663.f33fd","name":"Bitmap","indata":"[0,0,0,0,2047,2047,0,0,0,0,0,2047,0,0,2047,0,0,0,0,0,0,0,2047,0,2047,2047,2047,2047,2047,2047,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,2047,2047,0,0,0,0,0,2047,0,0,2047,0,0,0,0,0,0,0,2047,0,2047,2047,2047,2047,2047,2047,0,0,21,31,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,2047,2047,0,0,0,0,0,2047,0,0,2047,0,0,0,0,0,0,0,2047,0,2047,2047,2047,2047,2047,2047,0,0,21,21,31,31,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,2047,2047,0,0,0,0,0,2047,0,0,2047,0,0,0,0,0,0,0,2047,0,2047,2047,2047,2047,2047,2047,0,0,21,21,21,21,31,31,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], [0,0,0,0,2047,2047,0,0,0,0,0,2047,0,0,2047,0,0,0,0,0,0,0,2047,0,2047,2047,2047,2047,2047,2047,0,0,21,21,21,21,21,21,0,0,0,0,0,0,0,0,31,0,0,0,0,0,0,0,31,0,0,0,0,0,0,0,0,0], [0,0,0,0,2047,2047,0,0,0,0,0,2047,0,0,2047,0,0,0,0,0,0,0,2047,0,2047,2047,2047,2047,2047,2047,0,0,21,21,21,21,21,21,0,0,0,0,0,0,0,0,21,0,0,0,0,0,0,0,21,0,0,0,0,0,31,31,0,0], [0,0,0,0,2047,2047,0,0,0,0,0,2047,0,0,2047,0,0,0,0,0,0,0,2047,0,2047,2047,2047,2047,2047,2047,0,0,21,21,21,21,21,21,0,0,0,0,0,0,0,0,21,0,0,0,0,31,0,0,21,0,0,0,0,0,21,21,0,0], [0,0,0,0,2047,2047,0,0,0,0,0,2047,0,0,2047,0,0,0,0,0,0,0,2047,0,2047,2047,2047,2047,2047,2047,0,0,21,21,21,21,21,21,0,0,0,0,0,0,0,0,21,0,0,0,0,21,0,0,21,0,0,0,0,0,21,21,0,0]","inanimationDelay":"120","inrubberbanding":"false","inlimitLoops":"1","x":1020,"y":230,"wires":[["53de057d.459edc"]]},{"id":"f52d9f5e.d99da8","type":"Bitmap Animation","z":"b3303663.f33fd","name":"Bitmap","indata":"[0,0,0,21855,0,0,0,0,0,0,0,21855,0,0,0,0,0,0,21855,21855,21855,0,0,0,0,0,21855,21855,21855,0,0,0,0,693,1055,1055,65535,44735,0,0,0,693,1055,65535,65535,44735,0,0,0,693,1055,1055,65535,21855,0,0,0,0,693,1055,21855,0,0,0]  ","inanimationDelay":"120","inrubberbanding":"false","inlimitLoops":"1","x":1020,"y":270,"wires":[["4daafd07.67c904"]]},{"id":"9e1338d8.350ca","type":"link out","z":"b3303663.f33fd","name":"ALL to UPDATE","links":["76b9344c.b41cfc","f644d21c.70957","4ce277ed.03585"],"x":1285,"y":230,"wires":[]}]

With better image IMHO (awtrix style)

[jerryaycock]

How do I send this to my clock?

[o0shojo0o]

This should help you
https://stevesnoderedguide.com/copy-nodes-flows-node-red

[jerryaycock]

I have it copied into my node red flow. Just not sure where ALL to update should go ? Thanks

[jerryaycock]

I added link in -screen data update and alert screen. now I see weather. Now just figure how to add it to time date

[Zamboca]

Hi there,
I love the pixel it project. I loaded your flow and changed the location on of the weatheropenmap entity to my location and put in my api key. Im getting wind and humidity but for tem im getting this error "SyntaxError: Unexpected token , in JSON at position 503"
Any idea what this could be ?

Thank you

[o0shojo0o]

Hmmm...
Somehow the JSON that describes the screen breaks there.

I have not yet been able to recreate this new phenomenon, but only intercept it so far.

[o0shojo0o]

as I could just determine the error comes directly openweathermap. It comes an invalid json via their API, let's see if I can catch that somehow.
(ioBroker Log, has thrown the same error as the NodeRed Node)
openweathermap.0: Cannot parse answer: SyntaxError: Unexpected end of JSON input.

[Zamboca]

Hi there,

Most of the time, a restart of node red will resolve the issue. But now im seeing that the behaviour is not only on temp, sometimes humi goes like that too.

[rcollarile]

any one else having issues with Wind being displayed? My screen mostly doesn't display it. I do see it occasionally, not sure why. also is there a good character for the degree symbol on the pixelit? can't seem to find one that displays correctly. Additionally thank you for this development!

[o0shojo0o]

Here is my current flow.

[{"id":"7a385145.cb8ce","type":"function","z":"6dfa196d.7cd528","name":"Text","func":"\nvar windspeed = msg.payload.windspeed*3.6;\nmsg.windspeed = windspeed.toFixed(0) + \"kmh\";\n\nnode.status({ fill: \"green\", shape: \"ring\", text: \"Current windspeed:\" +  msg.windspeed });\nreturn msg;\n\n","outputs":1,"noerr":0,"x":690,"y":860,"wires":[["cbeab066.5b87"]]},{"id":"7c55b23a.28ea9c","type":"function","z":"6dfa196d.7cd528","name":"Text","func":"msg.humidity = msg.payload.humidity.toFixed(0) + \"%\";\nnode.status({ fill: \"green\", shape: \"ring\", text: \"Current humidity:\" +  msg.humidity });\nreturn msg;\n\n","outputs":1,"noerr":0,"x":690,"y":920,"wires":[["e0863644.8e7ff8"]]},{"id":"f4b801e5.b70b6","type":"Screen Init","z":"6dfa196d.7cd528","name":"Screen Init","inscreenName":"weather_wind","induration":"5","x":550,"y":860,"wires":[["7a385145.cb8ce"]]},{"id":"6a6e93c5.9c5a0c","type":"Screen Init","z":"6dfa196d.7cd528","name":"Screen Init","inscreenName":"weather_humi","induration":"5","x":550,"y":920,"wires":[["7c55b23a.28ea9c"]]},{"id":"d0139e9d.ba73f","type":"Switch Animation","z":"6dfa196d.7cd528","name":"Switch Animation","aktiv":"true","animation":"fade","x":370,"y":800,"wires":[["f4b801e5.b70b6","6a6e93c5.9c5a0c","67f2797e.c18f38"]]},{"id":"f1a21097.ccdf7","type":"Text","z":"6dfa196d.7cd528","name":"Text","intextString":"{{windspeed}}","inbigFont":"false","inscrollText":"false","inscrollTextDelay":"0","incenterText":"true","inposX":"7","inposY":"1","incolorR":"255","incolorG":"255","incolorB":"255","x":1010,"y":860,"wires":[["feae45ab.86fdb8"]]},{"id":"95b6452.cc9a0b8","type":"Text","z":"6dfa196d.7cd528","name":"Text","intextString":"{{humidity}}","inbigFont":"false","inscrollText":"false","inscrollTextDelay":"0","incenterText":"true","inposX":"7","inposY":"1","incolorR":"255","incolorG":"255","incolorB":"255","x":1010,"y":920,"wires":[["feae45ab.86fdb8"]]},{"id":"cbeab066.5b87","type":"Bitmap Animation","z":"6dfa196d.7cd528","name":"Bitmap","indata":"65","inanimationDelay":"120","inrubberbanding":"false","inlimitLoops":"1","x":880,"y":860,"wires":[["f1a21097.ccdf7"]]},{"id":"e0863644.8e7ff8","type":"Bitmap Animation","z":"6dfa196d.7cd528","name":"Bitmap","indata":"66","inanimationDelay":"120","inrubberbanding":"false","inlimitLoops":"1","x":880,"y":920,"wires":[["95b6452.cc9a0b8"]]},{"id":"67f2797e.c18f38","type":"Screen Init","z":"6dfa196d.7cd528","name":"Screen Init","inscreenName":"weather_temp","induration":"5","x":550,"y":800,"wires":[["48ead813.5738d8"]]},{"id":"48ead813.5738d8","type":"function","z":"6dfa196d.7cd528","name":"Bitmap + Text","func":"var icon = msg.payload.icon;\n//\tclear sky\nif (icon == \"01d\")\n{msg.bmp = '6'}\nif (icon == \"01n\")\n{msg.bmp = '7'}\n\n// few clouds\nelse if (icon == \"02d\")\n{msg.bmp = '67'}\nelse if (icon == \"02n\")\n{msg.bmp = '68'}\n\n// scattered clouds\nelse if (icon == \"03d\" || icon == \"03n\")\n{msg.bmp = '9'}\n\n// broken clouds\nelse if (icon == \"04d\" || icon == \"04n\")\n{msg.bmp = '9'}\n\n// shower rain\nelse if (icon == \"09d\" || icon == \"09n\")\n{msg.bmp = '12'}\n\n// rain\nelse if (icon == \"10d\")\n{msg.bmp = '69'}\nelse if (icon == \"10n\")\n{msg.bmp = '70'}\n\n// thunderstorm\nelse if (icon == \"11d\" || icon == \"11n\")\n{msg.bmp = '71'}\n\n//Snow\nelse if (icon == \"13d\" || icon == \"13n\")\n{msg.bmp = '18'}\n\n// FOG\nelse if (icon == \"50d\" || icon == \"50n\")\n{msg.bmp = '17'}\n\n\nmsg.temp = msg.payload.tempc.toFixed(1) + \"°\"\n\nnode.status({ fill: \"green\", shape: \"ring\", text: \"Current temperature:\" +  msg.payload.tempc.toFixed(1) + \"°C\" });\nreturn msg;\n\n","outputs":1,"noerr":0,"x":720,"y":800,"wires":[["9f2804e.ca7aef8"]]},{"id":"9f2804e.ca7aef8","type":"Bitmap Animation","z":"6dfa196d.7cd528","name":"Bitmap","indata":"{{bmp}}","inanimationDelay":"150","inrubberbanding":"false","inlimitLoops":"0","x":880,"y":800,"wires":[["b839bbf2.8b4c88"]]},{"id":"b839bbf2.8b4c88","type":"Text","z":"6dfa196d.7cd528","name":"Text","intextString":"{{temp}}","inbigFont":"false","inscrollText":"false","inscrollTextDelay":"0","incenterText":"true","inposX":"7","inposY":"1","incolorR":"255","incolorG":"255","incolorB":"255","x":1010,"y":800,"wires":[["feae45ab.86fdb8"]]},{"id":"26489071.9b90d","type":"openweathermap in","z":"6dfa196d.7cd528","name":"Get Push Weather Stuhr","wtype":"current","lon":"8.776990","lat":"53.016392","city":"","country":"","language":"de","x":150,"y":800,"wires":[["d0139e9d.ba73f"]]}]

[rcollarile]

Appreciate the update. Seems the root of all my funny issues were from MQTT being enabled. Once I disabled it everything is working great. Again, thanks for the development of this.

[schmittyice]

How do you get the weather to display in Imperial instead of Celsius?

[foorschtbar]

@schmittyice
Change the Code in the function nodes

[rcollarile]

I think this is the code I changed.

`msg.temp = (tempconvert * 1.8 + 32).toFixed(1) + "°"

node.status({ fill: "green", shape: "ring", text: "Current temperature:" + (tempconvert * 1.8 + 32).toFixed(1) + "°F"});`

[BornTKill]

With better image IMHO (awtrix style)

[{"id":"7a385145.cb8ce","type":"function","z":"fc438176d22e3654","d":true,"name":"Text","func":"\nvar windspeed = msg.payload.windspeed*3.6;\nmsg.windspeed = windspeed.toFixed(0) + \"kmh\";\n\nnode.status({ fill: \"green\", shape: \"ring\", text: \"Current windspeed:\" +  msg.windspeed });\nreturn msg;\n\n","outputs":1,"noerr":0,"x":830,"y":360,"wires":[["cbeab066.5b87"]]},{"id":"7c55b23a.28ea9c","type":"function","z":"fc438176d22e3654","d":true,"name":"Text","func":"msg.humidity = msg.payload.humidity.toFixed(0) + \"%\";\nnode.status({ fill: \"green\", shape: \"ring\", text: \"Current humidity:\" +  msg.humidity });\nreturn msg;\n\n","outputs":1,"noerr":0,"x":830,"y":420,"wires":[["e0863644.8e7ff8"]]},{"id":"f4b801e5.b70b6","type":"Screen Init","z":"fc438176d22e3654","d":true,"name":"Screen Init","inscreenName":"weather_wind","induration":"20","x":690,"y":360,"wires":[["7a385145.cb8ce"]]},{"id":"6a6e93c5.9c5a0c","type":"Screen Init","z":"fc438176d22e3654","d":true,"name":"Screen Init","inscreenName":"weather_humi","induration":"20","x":690,"y":420,"wires":[["7c55b23a.28ea9c"]]},{"id":"d0139e9d.ba73f","type":"Switch Animation","z":"fc438176d22e3654","name":"Switch Animation","aktiv":"true","animation":"random","indata":"","inwidth":"","incolorHex":"","incolorR":"","incolorG":"","incolorB":"","x":510,"y":300,"wires":[["f4b801e5.b70b6","6a6e93c5.9c5a0c","67f2797e.c18f38"]]},{"id":"f1a21097.ccdf7","type":"Text","z":"fc438176d22e3654","d":true,"name":"Text","intextString":"{{windspeed}}","inbigFont":"false","inscrollText":"false","inscrollTextDelay":"0","incenterText":"true","inposX":"7","inposY":"1","incolorR":"255","incolorG":"255","incolorB":"255","x":1150,"y":360,"wires":[["55f6ce03d22d1d3e"]]},{"id":"95b6452.cc9a0b8","type":"Text","z":"fc438176d22e3654","d":true,"name":"Text","intextString":"{{humidity}}","inbigFont":"false","inscrollText":"false","inscrollTextDelay":"0","incenterText":"true","inposX":"7","inposY":"1","incolorR":"255","incolorG":"255","incolorB":"255","x":1150,"y":420,"wires":[["55f6ce03d22d1d3e"]]},{"id":"cbeab066.5b87","type":"Bitmap Animation","z":"fc438176d22e3654","d":true,"name":"Bitmap","indata":"65","inanimationDelay":"120","inrubberbanding":"false","inlimitLoops":"1","x":1020,"y":360,"wires":[["f1a21097.ccdf7"]]},{"id":"e0863644.8e7ff8","type":"Bitmap Animation","z":"fc438176d22e3654","d":true,"name":"Bitmap","indata":"66","inanimationDelay":"120","inrubberbanding":"false","inlimitLoops":"1","x":1020,"y":420,"wires":[["95b6452.cc9a0b8"]]},{"id":"67f2797e.c18f38","type":"Screen Init","z":"fc438176d22e3654","name":"Screen Init","inscreenName":"weather_temp","induration":"20","x":690,"y":300,"wires":[["48ead813.5738d8"]]},{"id":"48ead813.5738d8","type":"function","z":"fc438176d22e3654","name":"Bitmap + Text","func":"var icon = msg.payload.icon;\n//\tclear sky\nif (icon == \"01d\")\n{msg.bmp = '551'}\nif (icon == \"01n\")\n{msg.bmp = '560'}\n\n// few clouds\nelse if (icon == \"02d\")\n{ msg.bmp = '552'}\nelse if (icon == \"02n\")\n{msg.bmp = '561'}\n\n// scattered clouds\nelse if (icon == \"03d\")\n{msg.bmp = '553'}\nelse if (icon == \"03n\")\n{msg.bmp = '562'}\n\n// broken clouds\nelse if (icon == \"04d\")\n{msg.bmp = '554'}\nelse if (icon == \"04n\")\n{msg.bmp = '563'}\n\n// shower rain\nelse if (icon == \"09d\")\n{msg.bmp = '555'}\nelse if (icon == \"09n\")\n{msg.bmp = '564'}\n\n// rain\nelse if (icon == \"10d\")\n{msg.bmp = '556'}\nelse if (icon == \"10n\")\n{msg.bmp = '565'}\n\n// thunderstorm\nelse if (icon == \"11d\")\n{msg.bmp = '557'}\nelse if (icon == \"11n\")\n{msg.bmp = '566'}\n\n//Snow\nelse if (icon == \"13d\")\n{msg.bmp = '558'}\nelse if (icon == \"13n\")\n{msg.bmp = '567'}\n\n// FOG\nelse if (icon == \"50d\")\n{msg.bmp = '559'}\nelse if (icon == \"50n\")\n{msg.bmp = '568'}\n\n\nmsg.temp = msg.payload.tempc.toFixed(1) + \"°\"\n\nnode.status({ fill: \"green\", shape: \"ring\", text: \"Current temperature:\" +  msg.payload.tempc.toFixed(1) + \"°C\" });\nreturn msg;\n\n","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":860,"y":300,"wires":[["9f2804e.ca7aef8"]]},{"id":"9f2804e.ca7aef8","type":"Bitmap Animation","z":"fc438176d22e3654","name":"Bitmap","indata":"{{bmp}}","inanimationDelay":"150","inrubberbanding":"false","inlimitLoops":"0","x":1020,"y":300,"wires":[["b839bbf2.8b4c88"]]},{"id":"b839bbf2.8b4c88","type":"Text","z":"fc438176d22e3654","name":"Text","intextString":"{{temp}}","inbigFont":"false","inscrollText":"false","inscrollTextDelay":"0","incenterText":"true","inposX":"7","inposY":"1","incolorR":"255","incolorG":"255","incolorB":"255","x":1150,"y":300,"wires":[["55f6ce03d22d1d3e"]]},{"id":"26489071.9b90d","type":"openweathermap in","z":"fc438176d22e3654","name":"Get Weather","wtype":"current","lon":"2.5","lat":"48.8","city":"","country":"","language":"fr","x":110,"y":300,"wires":[["d0139e9d.ba73f"]]},{"id":"070ffe38f02ee299","type":"comment","z":"fc438176d22e3654","name":"Show weather","info":"","x":110,"y":260,"wires":[]}]

[davosje]

Thanks, this looks good! I've copy paste this and get some errors: "TypeError: Cannot read properties of undefined (reading 'toFixed')"
Anything to do about this or ignore?