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

[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:

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

[planet4]

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

The more complicated but more fun way is this:

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.

[planet4]

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.

[SvenSommer]

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

[fox]

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

[SvenSommer]

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

[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

[SvenSommer]

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

[sceletus]

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

[yours.mukul]

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