24h weather forecast graph

Jeff

Hello,
I found a weahter modul, where the 24h weather forecast is shown in a graph.
https://github.com/thobach/MagicMirror2/tree/master/web

Unfortunatelly the modul is not coded the “normal” way and I’m not able to get it working.
I’m a bloody rooky in prgramming.

Can somebody have a look at the modul and put it please the easy usable way?

That would be awsome

Thanks a lot

This is how it looks like:
alt text

yawns

I just started working on this, creating some functions to render graphs.

thobach

I’m the creator of above shown graphs. Those are not based on Michael’s v2, but my own v2 of the magic mirror, which is also controlled by gestures.

If there are any specific questions, I’m happy to help out.

feedparakeet

@yawns said in 24h weather forecast graph:

I just started working on this, creating some functions to render graphs.

Yawns, great to hear! Any updates with graphs render for the Magic Mirror ?
What Im dreaming about is a universal graph render function which will take values from a text file, like, last 100 rows and will draw a graph. Or it can be a rss feed.

Patex

@feedparakeet For such a basic functionality we should not reinvent the wheel. There are a lot of javascript graphing libraries available which are far more sophisticated than anything we will be able to code for the mm in a reasonable manner. They usually render the result in a canvas which can simply be added to the mirror e.g. http://www.chartjs.org/

yawns

@Patex
You are more than right and I tried to use chartjs and chartist, but I failed implementing them. If I recall correctly it was because the chart libraries require the id of a specific div to render in, but the call to this div fails because it was not yet created.
I’m so short on time currently, but I have one week of vacation during carnival (end of February), hopefully I can pick up with my open tasks.

ostfilinchen

@RedNax: the weathericon in this screenshot would be very nice in the mmm-wunderground module :-)

can you build this?

yawns

@ostfilinchen said in 24h weather forecast graph:

@RedNax: the weathericon in this screenshot would be very nice in the mmm-wunderground module :-)

can you build this?

These are png files, partially transparent, located here: https://github.com/thobach/MagicMirror2/tree/master/web/img/VCloudsWeatherIcons

ostfilinchen

@yawns i know. but the MMM-WunderGround Module is build by @RedNax.

If i had time this Weekend i will check to build it and make an pull request. Maybe is @RedNax faster to build it.

ostfilinchen

@RedNax: I’ve create a pull request on github.

Jayh391

@ostfilinchen

AWESOME addition to this module! Looks great

feedparakeet

@Patex said in 24h weather forecast graph:

@feedparakeet For such a basic functionality we should not reinvent the wheel. There are a lot of javascript graphing libraries available which are far more sophisticated than anything we will be able to code for the mm in a reasonable manner. They usually render the result in a canvas which can simply be added to the mirror e.g. http://www.chartjs.org/

Thank you for a reply! When I was talking about a function that will render a graph, I was talking about a module that will render a graph, my mistake. ChartJS looks amazing, still I never coded in javascript and that’s why Im dreaming about a complete module for mm.

And yes, I also thought about a transparent image with a graph that can be loaded into mm screen. For example, I can run a script which will create a graph image which will be available throw some url and show it on the mm screen with a https://github.com/diego-vieira/MMM-RandomPhoto module that will refresh it from time to time.

thobach

@Jeff I ported my 24 hour weather forecast graphs module to https://magicmirror.builders, you can find it on https://github.com/thobach/MMM-WunderGround24Hours.