MMM-Globe

Description

The Magic Mirror Globe (MMM-Globe) Module is a utility module I’ve created, that displays a live, rotating globe, and has been designed to look absolutely incredible on your Magic Mirror. The module can be configured to show default destinations, or you can customise it to highlight customised locations.

Feedback and improvement suggestions are welcomed.

(UPDATE) IMPORTANT NOTE: Due to the intensive calculations needed to construct the objects, and the computational ability needed, I do not recommend using this module if your Mirror uses a Raspberry Pi. Please only use this module if you have something a little more powerful driving your mirror. I don’t want my work to be responsible for any mishaps with your devices.

https://youtu.be/6KSCDIaIgdA

Screenshots

Download

Download Link available on Github Page

Version 1.0

• Initial Commit. Globe stable. ReadMe Added.

Version 1.1

• Adjusted size translations to fit varying size monitors based on user feedback

@bibi - Yes, I remember that’s where I wanted to hit next, as I wanted this module to be accessible to all MM users, regardless of what device they use.

My plan was to use lighter rendering calculations, as the originals were fairly intensive and originally developed for browsers. My front end dev experience has exploded a lot since I wrote the module, so I’ll hopefully have far better luck this time around. To those waiting, I’ll be taking a look when I can. I’d also like to dig out my Pi so that I can be certain it runs prior to release.

@Mykle1 I’ve had some users report that light linux machines powering their MM’s are sufficient, though I’ve not tested for upper capacity or performance. I know rendering for canvas on JS is intensive, and the calculations required here are more than I’d want. I’ll look into developing a Pi-compatible light version as soon as I can.

I’ll post an update here when I’m able.

@aimanyusof94

CSS, HTML and JavaScript go hand in hand. You need to know a little about one, to know what you can do to it (or with it) with the other. In this case, you’ll need a little knowledge of all three, and a little programming knowledge to boot.

If you’re just looking for a beginner project, I really wouldn’t recommend this to start, as you’ll run into problems, get disheartened and maybe quit (and nobody wants that!).

If you’re just starting, visit a website like Code Academy which will allow you to see your results interactively. This is a great place to start learning the basics, and it’s free. I wouldn’t jump straight into a bespoke module development project until you have a bit of experience making other things a little less specialised.

I created this to help another member @acdacd2 but I figure it can be universally used. Many thanks to @KirAsh4

It is available here: https://github.com/Eunanibus/MMM-HTTPRequestDisplay

This is not only my first module, but it’s my first real venture into JavaScript, before this I’ve not really had any experience.

The module allows a targetURL that responds with XML data to be displayed on the mirror. This hopefully supposed to be useful to anyone with any kind of home automation or sensor data that can be received via a HTTP request. In theory, one might be able to get a read out on say; all the doors that are locked in a house.

I’m not sure. It’s very choppy, and needs some serious work. Right now it only inspects one node hierarchy down. I’d like to improve that in the future.

Below, is an example using the OpenWeather API to make a request.

@SvenSommer I’m glad you like it! There is a separate post for this in Utilities but it hasn’t garnered a huge amount of attention. I’m hesitant because if most users user Pi’s for their mirror, this plugin may provide a heavy burden to it in terms of computational ability.

2. There is no reason you cannot. I think this would be entirely possible. The module allows you to pass custom locations for pins within the builder (see documentation), so there’s no reason that this information cannot be derived from a custom script.

MMM-Globe

Description

The Magic Mirror Globe (MMM-Globe) Module is a utility module that displays a live rotating globe comprised of hex-shapes. The module can be configured to show default destinations, or you can customise it to highlight locations special to you. You can also adjust the size of the globe itself.

Screenshots

Download

[card:Eunanibus/MMM-Globe]

Version

• Initial Commit. Globe stable. ReadMe Added.

@mykle1 I’m always here… always watching 😁

This is a cute idea. I might pick this up if someone else doesn’t…

Thank you :wink: - I hope it’s useful to someone. It needs some work so I’ll probably revisit it soon.

But right now I’m working on a new module to give to everyone. And it’s even cooler :stuck_out_tongue: - I actually think a lot of people will use it.

I actually don’t have a Magic Mirror of my own, I’d love for anyone to install this and let me know how it runs for them. Any pictures would be great also, I’d love to see this in use on someone’s mirror ;)

Hmmm. I could have sworn I saw a Hive module available, but after searching I can’t find it. That’s interesting. Maybe I was thinking of this one for the NEST. I’m surprised this hasn’t been done yet.

Download available here

https://github.com/Eunanibus/MMM-HTTPRequestDisplay

I need to make some fixes to the module so for right now consider it in Beta :)

@d3r Thanks for your feedback. I’ve made those adjustments and pushed the latest code. Give this a try and get back to me. The X-Small/Small/Medium sizes etc should show a sufficient difference between sizes now.

@bhepler

I’m really glad you’re enjoying it. If you could take a picture of your mirror with it in action, it would really be something (I don’t have a mirror of my own and it’s really motivational to see a picture of something I wrote on someone’s wall)

In response to your question - No, once you’ve entered custom locations, the default locations are not added.

As an example - Here is an example config entry:

And here is the resulting globe produced:

It’s a little odd you’re getting that behaviour, and I may need you to send me your config file so I can debug accordingly. Try pulling the latest version (1.1 just uploaded) and see if that helps. I may add a further config option to exlude/include default Locations as a specification.

Thanks everyone for the feedback.

Don’t worry about code quality dude. I’m hardly the best programmer on the forum. Other developers will help and contribute if there’s something breaking - But other than that, you’ve developed something that nobody has yet provided; Which I think is awesome. Share it!

@Fonfon

It’s good to have some basic knowledge of JavaScript. I’d recommend Code Academy or something similar if you’re starting from absolute zero!

Hi all,

I’m trying to develop a new module to contribute to the community.

My question is, I’m trying to develop this thing, and apart from blindly running the npm and seeing the results, I don’t have much in a method of debugging. Does anyone have a technique here to debug whilst running?

Also, my function requires a height and width to be set; But I’m not seeing anything in any of the other examples where a height and width is set.

@bhepler - Glad that fixed it. The nameless pins are just there for aesthetic and appearance. If you want those removed, you can change the content of data.js to the following:

data = []

That should remove the nameless pins without needing to change or affect any of the remaining application.

There appears to be a cross domain issue with the module. I’m currently travelling and I’m going to make it a top priority when I return to repair it. In addition, I have a very cool module upcoming :)

I’ll get the fix done as soon as I can guys. Sorry for the wait.

In the meantime if you have access to the server side clients of your request, please look into making requests accepted from any source as a temporary fix.

@cowboysdude

Great. Glad it’s working for you! Thanks for the early feedback. I’m not sure if I’ve posted this in the right place but I hope everyone sees it or gets to use it.

@bhepler

This is awesome, and your mirror looks incredible. This absolutely made my day - Thank you for this! I’m really glad your office likes it.