MMM-forecast-io -- Localized up to the minute weather

morozgrafix

@bminer1 I believe that default setting is not to show precipitation graph, unless there is a prediction for rain or snow in next hour. I think it takes data from minutely weather forecast supplied by DarkSky.

FlatPepsi

I love the simplicity of MMM-Forecast.io, and yet wanted more from the graph. The default graph seems to be aimed at minutely weather for the near future.

Earlier in this thread there was a graph example from dmcinnes’s mirror:
https://github.com/jangellx/MagicMirror#important-installation-note
Sadly, the code from that mirror’s graph is a totally different approach than the main branch of forecast.io. Stealing code was not an option, so I had to write a bunch from scratch.

For my own use, I’ve rewritten a lot of the graph- and added in a few goodies, like:
-Graph now shows 36 hours of forecast
-Day/night shading in graph
-Temperature line in graph with labels
-Precip intensity graph is now blue.
-Graph has freezing blue line, and hot 80 degree line.
-Wind speed is an option to turn on/off
-Sunrise/Sunset is an option to turn on/off
-Included notes for easy color icons, via “Color-icons.md”

my new weather graph

Feel free to play with my branch:
https://github.com/FlatPepsi17/MMM-forecast-io/tree/FlatPepsi17-GraphUpgrade

Known limitation: non-Fahrenheit units will probably look funny, as the graph scaling & hot/cold lines are not unit aware.

dmcinnes

@ooom416354 sorry about taking so long to reply! You can shrink the module a bit by using the MagicMirror’s size classes. I normally have mine set as “small”.

{
  module: 'MMM-forecast-io',
  classes: 'small'
  ...
}

dmcinnes

Hello everyone,

I’ve recently updated the module fixing/adding a couple things:

Fixes an issue that made the top of the curve appear off the graph during a heavy storm.
Adds alwaysShowPrecipitationGraph to always show the precipitation graph.
Adds details on getting the geolocation working by setting the GOOGLE_API_KEY.

Use git pull in your module to update.

Enjoy!
Doug

dmcinnes

@FlatPepsi Looks awesome! I particularly like the day/night shading in the graph.

jinjirosan

@dmcinnes @FlatPepsi Love the module and the changes to it so I forked it. Also made a couple of changes to it (revert back to 24h, hot/freeze lines in metric and have a couple more visual changes I’d like to do).

Anyway, this topic is old so hope you guys still see this now. Could you help me out or point me in the right direction on how the forecast table and bars is build up?

On my mirror the days and bars seem to have shifted one column to the left and do not line up nicely under de graph

@FlatPepsi has it like this:
alt text

and mine is like so:
alt text

Also the sunset/sunrise and line below are “moved” to the left. Now I did a diff between @FlatPepsi and @dmcinnes code and the table build seem to be the same.

Hope you can help me or point me in the right direction to get it nicely lined out underneath the graph.

FlatPepsi

@jinjirosan - The temperature bars auto scale based upon the width of the rest of the module. I suspect some other changes you’ve made have caused the module to get wider, so you’re looking at a side effect and not a cause.

It might also be a screen resolution – the crypto currency module underneath in your screenshot is wide as well. I’m using a crummy small monitor, and have very narrow margins.

I love that someone else is picking this up and running with this module. Looks good!

jinjirosan

Thx for the quick reply! Yes, the crypto currency module also scales based on the width of the “top right” column of the mirror. Still have to fix that but up until now the other modules above and below were of narrower width.

Screen resolution could be it, I’m using a 24" monitor at native 1080p. I do remember that the sunrise/sunset, hourly forcast line above the graph and the days forcast below the graph were shifted to the left before I made changes but I’ll check to make sure.

Is there a way to “fix” the sunset/sunrise/hourly and the forecast days/bars in place instead of having it auto-scale?

-edit- : I freshly pulled @FlatPepsi and the days/bars and the sunrise/sunset/hourly forecast are shifted to the left as shown in my original picture.
Also pulled @dmcinnes repo and that seems to outline the way I like to see it. Looking at a diff between the files the table generate section seems the same.

The mirror project for me is to work on my coding skills as well (which do need a lottttttt of work :-) ) so pls bear with me when I ask something that might be obvious :-)

jinjirosan

Got it :-)

Playing around with the Chrome inspector and fiddling with additional CSS classes, have it lined up nicely now.

Now the hard(er) part, the visualization changes.

Littlejohn21

I cannot for the life of me get this to work it keeps saying that there is an error in the config file. I will have it Exactly as others have it with only my darkskyspi key being diffrent and still get the error .

magicmirror@2.1.2 start /home/pi/MagicMirror
sh run-start.sh

Starting MagicMirror: v2.1.2
Loading config …
WARNING! Could not validate config file. Please correct syntax errors. Starting with default configuration.
Loading module helpers …
Initializing new module helper …
Module helper loaded: updatenotification
No helper found for module: helloworld.
All module helpers loaded.
Starting server on port 8080 …
Server started …
Connecting socket for: updatenotification
Sockets connected & modules started …
Launching application.