# \[APP\]\[Pro\] Insights Graphs **URL:** \ **Category:** Apps\ **Tags:** app, flow, insights, homey-pro, advancedflow\ **Created:** [August 12, 2023, 10:32am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856 "2023-08-12T10:32:40Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![LRvdLinden](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/lrvdlinden/32/80786_2.png) [@LRvdLinden](https://community.homey.app/u/LRvdLinden)\ **Post date:** [August 12, 2023, 10:32am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/1 "2023-08-12T10:32:40Z")
![Forum Banner](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/8/4808cd2d5f59e3bbc5d33c5287bcf3dfd17f41dc.jpeg) **Insights Graphs for Homey** This app allows you to export any Homey Insights data into beautiful graphs. Currently has support for: - 🟢 Color picker for graphs in trigger card - ➕ Select a time window (day, week, month, etc…) - 🎑 Graphs image tag - ⚫ Light, dark or transparante for auto light/dark mode graphs - 📈 Graphs types: Line and bar Exports can be easily scheduled by using a trigger card and Insights Graphs action card in a flow. You can schedule by day or week or with time window you need. **[Download in the Homey App Store!](https://homey.app/en-us/app/nl.mennovanhout.insights-graphs/Insights-Graphs/)** ![card_forum-2](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/d/7/d760d2bfcfc3571498d1edc2f8c7cb5ff276acda.png) ⚙ Install this app on your Homey and create a flow with the Insights Graphs action card 💬 **Supported languages:** - 🇬🇧 English - 🇳🇱 Dutch **Flow and outcome example** ![IMG_4402](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/1/118a8f0d55a9bb367b47603d9edd1487e002f0c5.png) ![IMG_4706](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/e/e/eecf63744a1d0b3f2cf874abdaf60fbb2fc0f31b.jpeg) * * * 💻 **Developers** - @Menno_van_Hout [See more apps](https://homey.app/nl-nl/apps/author/639475a5b063a00bc9a06f5d/page/0/) - @LRvdLinden [See more apps](https://homey.app/nl-nl/apps/author/5d4da77a2c836a50f6936070/page/0/) - @basvanderploeg [See more apps](https://homey.app/nl-nl/apps/author/59b1152cec6ee1540d0d633f/page/0/) ---
**Author:** ![skogsaas](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/skogsaas/32/87995_2.png) [@skogsaas](https://community.homey.app/u/skogsaas)\ **Post date:** [August 13, 2023, 10:20am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/2 "2023-08-13T10:20:33Z")
Cool app! I just have a question: How did you handle the forced interpolation done by Homey? The images you have posted shows temperature with 1 value pr hour. Homey is automatically interpolating values for every 5 minutes when selecting “24 hours”, even if my temperature sensor is only posting a value every 20 minute 🤔 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/0/0/0003ebbf78d9b16b1f69269033b4573189a0d815.png) ---
**Author:** ![Jero](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/jero/32/17556_2.png) [@Jero](https://community.homey.app/u/Jero)\ **Post date:** [August 13, 2023, 10:40am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/3 "2023-08-13T10:40:00Z")
Looks nice, out of curiosity what generates the graph and converts it to an image? ---
**Author:** ![Menno\_van\_Hout](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/menno_van_hout/32/77843_2.png) [@Menno\_van\_Hout](https://community.homey.app/u/Menno_van_Hout)\ **Post date:** [August 13, 2023, 11:47am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/4 "2023-08-13T11:47:49Z")
I have written a data normaliser class that takes care of this 😇 ---
**Author:** ![Menno\_van\_Hout](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/menno_van_hout/32/77843_2.png) [@Menno\_van\_Hout](https://community.homey.app/u/Menno_van_Hout)\ **Post date:** [August 13, 2023, 11:48am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/5 "2023-08-13T11:48:27Z")
Chart.js is used and then the end result is converted to an image ---
**Author:** ![skogsaas](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/skogsaas/32/87995_2.png) [@skogsaas](https://community.homey.app/u/skogsaas)\ **Post date:** [August 13, 2023, 11:56am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/6 "2023-08-13T11:56:22Z")
Do you have the source code public somewhere I can have a look? As Homey already screws the original data by interpolating to 1m/5m/1h/6h intervals, its interesting to see what you do on top of this to try to correct the data 😅 Are you stripping all the similar values to remove the stair-case graph? My day-job is timeseries data, that’s why this is interesting 😉 ---
**Author:** ![LRvdLinden](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/lrvdlinden/32/80786_2.png) [@LRvdLinden](https://community.homey.app/u/LRvdLinden)\ **Post date:** [August 13, 2023, 12:01pm UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/7 "2023-08-13T12:01:49Z")
We do not have the source code public. Should we want to do this, the app must first be published. ---
**Author:** ![Menno\_van\_Hout](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/menno_van_hout/32/77843_2.png) [@Menno\_van\_Hout](https://community.homey.app/u/Menno_van_Hout)\ **Post date:** [August 13, 2023, 12:01pm UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/8 "2023-08-13T12:01:51Z")
What I do is not too cool haha. I use a timestamp convert all Homeys data to that timestamp and make a new collection with the choosen timestamp. Them all data gets combined and I calculate the highest values. And return my own new smaller list. ---
**Author:** ![LRvdLinden](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/lrvdlinden/32/80786_2.png) [@LRvdLinden](https://community.homey.app/u/LRvdLinden)\ **Post date:** [August 14, 2023, 7:49am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/9 "2023-08-14T07:49:41Z")
✨ **Live 1.0.0** The app is out now! **Graphs** all your **Home Insights data** right now and send it out with your favorite messenger app! Try the live version here: > **[Insights Graphs](https://homey.app/en-us/app/nl.mennovanhout.insights-graphs/Insights-Graphs/)** > > Generate graphs/images of your favourite sensors and devices ![flow cards](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/7/9/7938d9c9e9f4cbc08a285647214c0093d12ff80c.jpeg) ---
**Author:** ![basvanderploeg](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/basvanderploeg/32/83556_2.png) [@basvanderploeg](https://community.homey.app/u/basvanderploeg)\ **Post date:** [August 14, 2023, 9:02am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/10 "2023-08-14T09:02:20Z")
Isn’t it more simple to just use all the available data points and let Chart.js do the “hard” work of converting them into a nice graph? Then you can leave out the step of creating your own smaller list. That way the chart should be a bit more accurate, right? You can configure Chart.js to show you a max amount of ticks on the xAxes using `maxTicksLimit `. I did the same for the charts in my own dashboard: ![Scherm­afbeelding 2023-08-14 om 10.55.24](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/1/91718d057bd040d6a42697ab7d122a55701d9e57.png) ![Scherm­afbeelding 2023-08-14 om 10.55.16](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/d/6/d6bed2946ab0cbc2c2b7bec753eb7073261cffe4.png) It would be even cooler to be able to do all of this locally, without the need of [image-chart.com](http://image-chart.com). Have you thought about using something like [this](https://www.npmjs.com/package/chartjs-to-image)? ---
**Author:** ![Menno\_van\_Hout](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/menno_van_hout/32/77843_2.png) [@Menno\_van\_Hout](https://community.homey.app/u/Menno_van_Hout)\ **Post date:** [August 14, 2023, 9:21am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/11 "2023-08-14T09:21:12Z")
Thanks for the feedback bas I’ll take a look! I decided for chartjs with a site to make the app more lightweight but I’ll run some tests. It would be better to run 100% locally. I will also work in making a device for homey so you can see your graphs within the homey app. ---
**Author:** ![basvanderploeg](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/basvanderploeg/32/83556_2.png) [@basvanderploeg](https://community.homey.app/u/basvanderploeg)\ **Post date:** [August 14, 2023, 6:40pm UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/12 "2023-08-14T18:40:14Z")
I did some testing myself, and `chartjs-to-image` works pretty great. ![IMG_5309.PNG](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/e/f/ef8d58c17b9690bd692c29d8a323e9cb9ad24059.jpeg) ---
**Author:** ![Menno\_van\_Hout](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/menno_van_hout/32/77843_2.png) [@Menno\_van\_Hout](https://community.homey.app/u/Menno_van_Hout)\ **Post date:** [August 14, 2023, 8:04pm UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/13 "2023-08-14T20:04:54Z")
I’m making an update for implementation thanks for the feedback. ---
**Author:** ![basvanderploeg](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/basvanderploeg/32/83556_2.png) [@basvanderploeg](https://community.homey.app/u/basvanderploeg)\ **Post date:** [August 14, 2023, 9:25pm UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/14 "2023-08-14T21:25:40Z")
Awesome! I’m curious how it will turn out. This is what I came up with so far: ![IMG_5311](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/5/459024573aa459cc30f286b8f8d008964622e7b3.jpeg) ---
**Author:** ![Yustmenl](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/yustmenl/32/10659_2.png) [@Yustmenl](https://community.homey.app/u/Yustmenl)\ **Post date:** [August 15, 2023, 7:11am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/15 "2023-08-15T07:11:09Z")
I am plating around Sith the app but i zee you use aan app to send the image over Whatsapp, what app is that? I am using Callmebot but it doesn’t have the option to send aan image. ---
**Author:** ![LRvdLinden](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/lrvdlinden/32/80786_2.png) [@LRvdLinden](https://community.homey.app/u/LRvdLinden)\ **Post date:** [August 15, 2023, 7:19am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/16 "2023-08-15T07:19:08Z")
Hi, that is a app in development in collaboration with @martijnpoppen 😉 ---
**Author:** ![Yustmenl](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/yustmenl/32/10659_2.png) [@Yustmenl](https://community.homey.app/u/Yustmenl)\ **Post date:** [August 15, 2023, 7:48am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/17 "2023-08-15T07:48:47Z")
Good to hear/read. Any idea when it wil be released? P.s. As I am Looking for it I am willing to help with testing ---
**Author:** ![Yestond](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/yestond/32/9807_2.png) [@Yestond](https://community.homey.app/u/Yestond)\ **Post date:** [August 15, 2023, 9:45am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/19 "2023-08-15T09:45:48Z")
How do you import it to image-charts? Not sure how to connect from flow to image charts 😃 ---
**Author:** ![LRvdLinden](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/lrvdlinden/32/80786_2.png) [@LRvdLinden](https://community.homey.app/u/LRvdLinden)\ **Post date:** [August 15, 2023, 9:51am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/20 "2023-08-15T09:51:13Z")
What exactly do you mean? You choose any trigger card. Then the insights graphs advanced action card. Then a message action card and choose the graphs tag as image there. ---
**Author:** ![Yestond](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/yestond/32/9807_2.png) [@Yestond](https://community.homey.app/u/Yestond)\ **Post date:** [August 15, 2023, 10:01am UTC](https://community.homey.app/t/app-pro-insights-graphs/86856/21 "2023-08-15T10:01:15Z")
Gotcha thanks 😉 Very nice app 🙂 [Next page](https://community.homey.app/t/app-pro-insights-graphs/86856.md?page=2)