MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

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

    Scheduled Pinned Locked Moved Utilities
    127 Posts 36 Posters 201.0k Views 38 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • D Offline
      dmcinnes Module Developer @darrene
      last edited by

      @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).

      1 Reply Last reply Reply Quote 0
      • S Offline
        shavesophere
        last edited by

        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!

        D 1 Reply Last reply Reply Quote 0
        • D Offline
          dmcinnes Module Developer @shavesophere
          last edited by

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

          S 1 Reply Last reply Reply Quote 0
          • D Offline
            dmcinnes Module Developer
            last edited by

            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]

            1 Reply Last reply Reply Quote 1
            • S Offline
              shavesophere @dmcinnes
              last edited by

              @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?

              D 1 Reply Last reply Reply Quote 0
              • D Offline
                dmcinnes Module Developer @shavesophere
                last edited by

                @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!

                S 1 Reply Last reply Reply Quote 1
                • S Offline
                  shavesophere @dmcinnes
                  last edited by

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

                  1 Reply Last reply Reply Quote 0
                  • R Offline
                    Rian9771
                    last edited by

                    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.

                    D 1 Reply Last reply Reply Quote 0
                    • D Offline
                      dmcinnes Module Developer @Rian9771
                      last edited by

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

                      1 Reply Last reply Reply Quote 0
                      • P Offline
                        phrazelle
                        last edited by

                        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.141S 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 12
                        • 13
                        • 4 / 13
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy