MMM-GrafanaCharts and MMM-GrafanaGauges: Display you data with Charts and Gauges. Beautifully.

  • Description:

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


    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.


    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.




    with graph behind

    alt text


    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

  • 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 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.

  • 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.

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

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

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

Log in to reply

Looks like your connection to MagicMirror Forum was lost, please wait while we try to reconnect.