• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.0k 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.
  • S Offline
    SvenSommer
    last edited by SvenSommer Jul 9, 2017, 8:51 PM Jul 9, 2017, 8:44 PM

    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 Jul 25, 2017, 8:58 AM

      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 Jul 26, 2017, 9:13 AM

        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.

        S H 2 Replies Last reply Jul 28, 2017, 1:23 PM Reply Quote 0
        • S Offline
          SvenSommer @planet4
          last edited by Jul 28, 2017, 1:23 PM

          @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
          • F Offline
            fox
            last edited by Jul 29, 2017, 10:07 AM

            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

            S 1 Reply Last reply Jul 29, 2017, 4:57 PM Reply Quote 0
            • S Offline
              SvenSommer @fox
              last edited by Jul 29, 2017, 4:57 PM

              @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

              F 1 Reply Last reply Aug 22, 2017, 9:17 AM Reply Quote 1
              • F Offline
                fox @SvenSommer
                last edited by fox Aug 22, 2017, 10:36 AM Aug 22, 2017, 9:17 AM

                @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

                S 1 Reply Last reply Aug 22, 2017, 9:23 PM Reply Quote 0
                • S Offline
                  SvenSommer @fox
                  last edited by Aug 22, 2017, 9:23 PM

                  @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 Sep 15, 2017, 11:38 AM

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

                    S 1 Reply Last reply Oct 23, 2017, 9:47 PM Reply Quote 0
                    • Y Offline
                      yours.mukul
                      last edited by Oct 21, 2017, 4:15 PM

                      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

                      S 1 Reply Last reply Oct 23, 2017, 9:46 PM 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