weather module with temp/precipitation graph for 1-2 days

[AnduriI]

Hey there,

I used to have the module MMM-forecast-io forked by rklueber with a realy nice graph for the upcoming day. (https://github.com/rklueber/MMM-forecast-io)
This was based on the old datasource DarkSky and showed only “loading…” since it’s shutdown. I thought about migrating the data source to OpenWeatherMap, but in the meantime I reinstalled my MM and now the module doesn’t show anything. Probably something with dependencies…
Is there an activ module which can show something similiar? Or is there an kind of easy way to get the old module running and migrate?

Thank you,
Anduril

[karsten13]

@AnduriI

there is a pirate weather api as replacement for darksky, it is implemented as provider in the default weather module so you should find the url there. Maybe the above module works after changing only the url …

[lavolp3]

@AnduriI Hi Andruil,
I have worked with this module for the past years and did a lot of changes, including the switch to a new API.
However, changes are not uploaded to github yet.
I can do that probably tomorrow so you can test it out if you like.

Also, have a look at @FlatPepsi s continuation of the module as MMM-WeatherGraph.
https://github.com/FlatPepsi17/MMM-WeatherGraph

The difference between his and mine is mainly the graph.

[AnduriI]

@lavolp3
Thank you for the offer to upload your code to github, I realy appreciate that.
I already had a look at FlatPepsi before, but I didn’t liked to graphics that much. It looked to much cluttered with all those small numbers. I liked the clean astetics of rklueber with only one red and one blue - you can get it in one glance. Or is that configurable? Maybe line thickness and hide numbers…
Also that shade below the curve helped to identify them very easy

[Matuki]

@AnduriI
Hello,
In case you’re still looking for a wheater chart, I also developed one. Thickness, colors… are fully configured thanks to CSS, so you can overload what you want.

Nevertheless, it’s only a display graph. I haven’t included an array, but if you want to give it a try :
https://github.com/seb-ma/MMM-WeatherChartD3

[thobach]

@AnduriI You may like https://github.com/thobach/MMM-OpenWeather24Hours which I built and migrated from Darksky to OpenWeather.

[AnduriI]

@thobach
Hello,
I would be great to have a screenshot on the github page as a preview and some config options listed. I just installed it to try out, but I personally don’t like having multiple graphs stacked. Can they be fused together?

[AnduriI]

@Matuki
Hey,
can you help me with the config of your modules please? I tried to add this (with lat, lon and api):

		{
			module: "MMM-WeatherChartD3",
			position: "bottom_right",
			config: {
				lat: "",
				lon: "",
				apiKey: "",
				weatherProvider: "openweathermap",
				weatherEndpoint: "/onecall",
				initialLoadDelay: 1000,
				type: "full",
				lang: "de"
			}
		},

but I only get an header with undefined and a line

[Matuki]

@AnduriI
Have you any error when starting node?
To see logs, you may have to change logLevel in config to set a value like: logLevel: ["INFO", "LOG", "WARN", "ERROR"]

Or any error in javascript console on the browser?

I checked my config and I don’t see something specific. Maybe one hint: lat and lon are numbers, not strings in my config file (no quotes on values).

[AnduriI]

@Matuki
in the javascript console I see

ReferenceError: WeatherProvider is not defined
[...]
TypeError: this.weatherProvider is undefined
[...]
Uncaught (in promise) TypeError: this.weatherProvider is undefined

I suppose thats the problem, but I don’t know how to handle. I added it exactly as in your example config. Also in your config the lat/lon are stated to be string with “” - maybe you could update this.