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

dmcinnes

@shavesophere sorry I wasn’t too descriptive!
Here’s the example from the repo with the added ‘small’ class, forth line from the top:

  {
    module: 'MMM-forecast-io',
    position: 'top_right',  // This can be any of the regions.
    classes: 'small',
    config: {
      // See 'Configuration options' for more information.
      apiKey: 'abcde12345abcde12345abcde12345ab', // Dark Sky API key.
      // Only required if geolocation doesn't work:
      latitude:   16.77532,
      longitude: -3.008265
    }
 }

Hope that helps!

shavesophere

@dmcinnes ah i see! much obliged. keep up the good work!

Rian9771

Hello, has something changed to this module? I have clones the repo twice but i still don’t see the graph being displayed. Did ‘git checkout weather-forecast’ as mentioned but still a no go. I can see everything else but the graph. I am on debian, node serveronly, Firefox.

dmcinnes

Hi @Rian9771 the rain graph only appears when there’s rain happening in the next hour.

phrazelle

Hello! Thanks for your time with this module!

I would like to customize the weather icons. I am able to change the overall color of the icons with CSS, but taking that a step further, is there a way to alter sections of the icons instead of the icon as a whole?

I.e. wi-day-cloudy with an orange sun poking out from a grey cloud.

I see that the icons are pulled from the erikflowers github repository, but I don’t see where they are pulling from within the module. Based on most of these weather modules using the same iconset, I’m guessing they’re being pulled from that repo directly.

My initial thought was to extract from the module, recolor with Photoshop and then replace the icons in the module. Is that possible? Would I just make a whole new set, store locally and change the path somewhere in the JS?

strawberry 3.141

@phrazelle the css is located in the magicmirror vendor folder

phrazelle

@strawberry-3.141 Thanks for the info!

After looking through there, it looks like the module pulls the icons as a font file. I believe that would mean that CCS customization would be overall to each displayed character. So there would be no way to color segments of each character (like an orange sun poking out from a grey cloud) because the stylization would apply to the character as a whole.

Am I assessing at that correctly?

ooom416354

Great module!! One question, is there anyway to make the length of the temperature bars a bit smaller? I suppose because the NY weather is so erratic right now it is making the bars wider but was just curious if I can shrink them a bit to save some space. thanks!

ooom416354

also it could just be me but I keep seeing the rain icon next to the temperature even though there’s no rain in the forecast for today (the small icon by the days of the week shows nothing but sun). Anything I can do to check that icon to see if it is an issue?

bminer1

Im getting the below when i try to install:

pi@raspberrypi:~/MagicMirror/modules $ git pull https://github.com/dmcinnes/MMM-forecast-io.git
From https://github.com/dmcinnes/MMM-forecast-io
 * branch            HEAD       -> FETCH_HEAD

*** Please tell me who you are.

Run

  git config --global user.email "you@example.com"
  git config --global user.name "Your Name"

to set your account's default identity.
Omit --global to set the identity only in this repository.

fatal: empty ident name (for <pi@raspberrypi.(none)>) not allowed
pi@raspberrypi:~/MagicMirror/modules $

How do i fix this in order to install?

Note from admin: Please use Markdown on code snippets for easier reading!

morozgrafix

@bminer1 it seems that you are trying to pull instead of clone (and git is not globally configured on your system and doesn’t recognize you)

try running this command instead: git clone https://github.com/dmcinnes/MMM-forecast-io.git

bminer1

noob mistake. Installed now. Thanks!!
I feel like an idiot. This machine will not beat me!!

bminer1

I’m not getting any graph for precipitation. Will it only be there if there is rain/snow in the next x amount of hours?

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!