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-GrafanaCharts and MMM-GrafanaGauges: Display you data with Charts and Gauges. Beautifully.

    Scheduled Pinned Locked Moved Utilities
    28 Posts 12 Posters 22.5k Views 14 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.
    • SvenSommerS Offline
      SvenSommer
      last edited by SvenSommer

      Description:

      Two little modules for the Magic Mirror to include beautiful graphics generated with grafana.

      MMM-GrafanaCharts

      It’s for your graphs! The data that’s currently displayed on my mirror using the MMM-GrafanaCharts is a weather forecast for the next two days.
      If you’re interested in building you own weather chart, check out my blog post Programming your personal weather chart.

      MMM-GrafanaGauges

      Gauges are extremely helpful to monitor individual values ​​and their deviations from the nominal value. With the MMM-GrafanaGauges vital values of my plants are displayed on the mirror.

      Screenshots:

      0_1499632484128_weather_explained.gif

      0_1499632641560_MMM-GrafanaGauges.png

      with graph behind

      alt text

      Download

      [card:SvenSommer/MMM-GrafanaChart]
      [card:SvenSommer/MMM-GrafanaGauges]


      MMM-GrafanaChart- Version 1

      • Initial release
      • Showing charts provided by grafana

      MMM-GrafanaGauges- Version 1

      • Initial release
      • Showing gauges in a row provided by grafana

      Looking for some building inspiration?
      Check out my large, thin and metal framed mirror on robstechlog.com.

      Modules released:
      MMM-GoogleAnalytics
      MMM-GrafanaChart
      MMM-GrafanaGauges

      1 Reply Last reply Reply Quote 4
      • P Offline
        planet4
        last edited by

        Tried this and it works fine. The simple way to show temperatures is this:

        alt text

        The more complicated but more fun way is this:
        alt text

        I have tried to use Grafana before but had problems with headers etc. Thanks to this module most problems are solved.

        I get the data from my z Wave sensor http://aeotec.com/z-wave-sensor. This is connected to a raspberry running home assistant. On another raspberry I use influxdb and grafana. Home assistant is sending influx data to this PI. On the thirs Raspberry i run Magic mirror and the result is displayed. The only issue is that in dark light you can see the border and background in the graph even if it is set to black. Maybe this is just a feuture of the mm and the screen.

        I also tried to use the same module to display if the door is locked or unlocked. I also get the data from home assistant.

        1 Reply Last reply Reply Quote 1
        • P Offline
          planet4
          last edited by

          Regarding the black background I think it is solved. Maybe there was some kind of cache problem. After chaning the css files it looks perfect.

          SvenSommerS H 2 Replies Last reply Reply Quote 0
          • SvenSommerS Offline
            SvenSommer @planet4
            last edited by

            @planet4 good news!
            Can you please share which CSS file, and what you edited?

            Looking for some building inspiration?
            Check out my large, thin and metal framed mirror on robstechlog.com.

            Modules released:
            MMM-GoogleAnalytics
            MMM-GrafanaChart
            MMM-GrafanaGauges

            1 Reply Last reply Reply Quote 0
            • foxF Offline
              fox
              last edited by

              Can i also show there other temperatures?
              Like temperatures from 1-wire Dallas sensor or from a http site?

              Issues With MMM-WatchDog known?

              https://forum.magicmirror.builders/post/29827

              Useful for PIR-Sensor: https://forum.magicmirror.builders/post/21299

              SvenSommerS 1 Reply Last reply Reply Quote 0
              • SvenSommerS Offline
                SvenSommer @fox
                last edited by

                @fox
                Short answer: No, not the direct way.

                Long answer: You need to write your temperature data into a database which is connected with Grafana. Then you can use this module to display your graph created by grafana.

                One possible solution: This tutorial shows an example, on how to store weather data from an external source in a local influxdb database, which is connected to grafana.
                You could reuse the example code an edit it, to get your data stored in a influxdb database.

                Looking for some building inspiration?
                Check out my large, thin and metal framed mirror on robstechlog.com.

                Modules released:
                MMM-GoogleAnalytics
                MMM-GrafanaChart
                MMM-GrafanaGauges

                foxF 1 Reply Last reply Reply Quote 1
                • foxF Offline
                  fox @SvenSommer
                  last edited by fox

                  @SvenSommer said in MMM-GrafanaCharts and MMM-GrafanaGauges: Display you data with Charts and Gauges. Beautifully.:

                  @fox
                  Short answer: No, not the direct way.

                  Long answer: You need to write your temperature data into a database which is connected with Grafana. Then you can use this module to display your graph created by grafana.

                  One possible solution: This tutorial shows an example, on how to store weather data from an external source in a local influxdb database, which is connected to grafana.
                  You could reuse the example code an edit it, to get your data stored in a influxdb database.

                  i will try your possible solution :) Thank you

                  edit:

                  thanks for sharing the link.
                  I installed influxDB and grafana as written on your page.
                  I also added the datasource to grafana.

                  You mean i have to update this script?

                  importForecast.js
                  
                  

                  Issues With MMM-WatchDog known?

                  https://forum.magicmirror.builders/post/29827

                  Useful for PIR-Sensor: https://forum.magicmirror.builders/post/21299

                  SvenSommerS 1 Reply Last reply Reply Quote 0
                  • SvenSommerS Offline
                    SvenSommer @fox
                    last edited by

                    @fox Yes, this script is responsible for getting the data into the database.

                    If you would like to show other data with Grafana, you need to save the data you get from your sensor.

                    Looking for some building inspiration?
                    Check out my large, thin and metal framed mirror on robstechlog.com.

                    Modules released:
                    MMM-GoogleAnalytics
                    MMM-GrafanaChart
                    MMM-GrafanaGauges

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

                      How do you manage credential to get access to grafana?
                      Thanks in advance.

                      SvenSommerS 1 Reply Last reply Reply Quote 0
                      • Y Offline
                        yours.mukul
                        last edited by

                        How to install Grafana? Does that debian work fine on rpi? I am confused since the architecture is different and I think the packages should be different as well.

                        I know its a very stupid question, but please help

                        SvenSommerS 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 1 / 3
                        • 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