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

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.

Matuki

@AnduriI
This is curious 🤔
So the line that seems problematic is https://github.com/seb-ma/MMM-WeatherChartD3/blob/82e948086a2c187ee16fca6fb02bd0badf232254/MMM-WeatherChartD3.js#L66
But I mimic the default weather module: https://github.com/MichMich/MagicMirror/blob/e87f50e64aeaf3a8587f4855f4679c3223959fd0/modules/default/weather/weather.js#L90
So I don’t understand why WeatherProvider object wouldn’t be defined for you here.

Can you please try to use the default weather module to eliminate easy ideas?
Also, what MagicMirror version have you?

For latitude and longitude as numbers, I already fixed this when I saw it yesterday 😉

AnduriI

@Matuki
To be honest I have no idea how to do this.

But I found the time to dig a little into the module I used before and found some problems. With some tweaks I could get it running and also uploaded it to github, just in case anyone was using this before and also misses it. You can find it in https://github.com/AnduriI/MMM-forecast-io