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

Les

@paulocarrasco said in MMM-forecast-io -- Localized up to the minute weather:

Hi,
…
I think that would be a nice add-on a “fusion” of the MMM-moon-phases module (with a bigger moon image), a analog clock (with a minimalist face) and the a weather/forecast module.

What do you think?

Just my 2 cents, but the picture looks amazing. I also like that you showed a few temperatures from later in the day before giving the future day forecasts. Daily percipitation % is also a great idea. :)
However, for the purpose of screen real estate may I suggest making things switchable (on/off). So for example, date/time at the top. then moon/analog cloock. Then current weather, then forecast. So people can pick what is important to them… And this is just me, but I like having the current weather at the top So the moon/clock is distracting to me. if I could move it (I know I’m asking for a lot…but if I could move it to the bottom…would look great, and still give me info in the order of priority I need.) Anyways, just take this as once persons views :) Good luck with your module, can’t wait to see it when it’s complete!

plumcraft

Looking forward to try this module too. It looks very nice

KirAsh4

Interesting proposition: adding the moon phases to the clock. Adding clock faces is very easy, however integrating one module into the other (a clock into the weather module, or a partial weather query inside the clock module), now you’re working to make a third beast of a module. A possible solution might be to have the clock module listen to broadcasts from the weather module and adjust its face accordingly.

A possible working method:
configure the clock to have an analog face (with a default face)
configure the clock to listen to weather broadcasts
configure the weather module to broadcast moon phases
if/when the clock receives such notification (hopefully only once a day), it will change its face to match and timing will be of importance here when the mirror first loads up - what if the weather module broadcasts before the clock is up and running?

Then there’s the question of, how detailed do you want it to be? Do you want a 28-day moon phase displayed? Or a simplified 8-stages version?

Something else to keep in mind, having an actual image will increase the payload of the module itself. Right now all of the analog faces are SVG files, which are rather small, and they can be scaled without losing resolution. You can’t easily do that with an actual picture. Either you are including very large images in case someone (like me) decides to have a screen with ONLY the clock on it, taking up the full screen, and still be able to scale it small for the “normal” folks. Personally my vote would be to use plain black and white SVG images. They’ll be small and easily scalable.

Anyway, that’s my 2 pesos.

dmcinnes

@paulocarrasco That moon clock looks awesome!

Hey Everyone! I’ve just released the updated Forecast IO module with forecast and precipitation graph (I’m considering renaming it to MMM-Darksky since forecast.io is no more…)

https://github.com/dmcinnes/MMM-forecast-io

Features:

The precipitation and forecast can be individually turned on or off.
Configure with the “small” class for a more compact look.
The precipitation graph only shows when there’s rain.

Screenshot:

new and improved

Let me know what you think!

Claymobil

Hi everyone,

I installed the mmm-forecast but I can’t figure out why i got the same error than @paulocarrasco …

Here is my code:

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

I tried removing this part and averything else works.

Do you have any idea ?

thanks !

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

ianperrin

@Claymobil said in MMM-forecast-io -- Localized up to the minute weather:

apiKey: ‘my API key’

You’re possibly missing a comma after the API key, try
apiKey: ‘my API key’,

Claymobil

@ianperrin Thanks a lot !

Works perfectly fine now :-)

dmcinnes

@Claymobil glad it works! Sorry about that, that missing comma is in the example config. I’ve updated it.

darrene

Hi @dmcinnes, thank you for sharing an awesome module. It’s fantastic - the first one I installed and I think it must be the only one I haven’t swapped out since :)

Is there any chance of having a precipitation/temperature graph like the one from Jangellx’s variant of @MichMich’s MagicMirror1, which could be swapped out for the current precipitation graph?

The bulk of the javascript looks to be in the bottom half of this code: GitHub, uses d3 and d3min but it’s completely beyond me how to Frankenstein the code together…

It’d give a superb optional look to a lovely module!

plumcraft

@paulocarrasco

Have you done your forecast module by any chance ?

Thanks

dmcinnes

@darrene glad you like the module! That would be cool to have but I’m working on another project right now so I’m not interested in taking that on. If anyone else wants to take a try at doing it, please be my guest and send a PR!
The original module used SVG, but I used HTML5 canvas to avoid external libraries (plus I prefer canvas anyway).

shavesophere

great module! I’m curious to know how to configure it for “small”… i can’t find any clue in the documentation apart from trying to fiddle around with the .css. thanks!

dmcinnes

@shavesophere thanks! You can add the ‘small’ class to the module’s classes in the config.js.

dmcinnes

I’ve just pushed an update to the module. Previously if there was a network error the module would get “stuck” and no longer update. This is now fixed!

[card:dmcinnes/MMM-forecast-io]

shavesophere

@dmcinnes forgive me I’m a noob when it comes to classes in javascript… you you be so kind as to post the code that needs altering?

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?