# \[APP\]\[Pro\] DataVista - Customizable real-time data widgets for your dashboards

**URL:** <https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482>\
**Category:** Apps\
**Tags:** app, homey-pro\
**Created:** [November 24, 2024, 1:59pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482 "2024-11-24T13:59:57Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Erikvl87](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/erikvl87/32/112784_2.png) [@Erikvl87](https://community.homey.app/u/Erikvl87)\
**Post date:** [November 24, 2024, 1:59pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/1 "2024-11-24T13:59:57Z")

</div>

> **[DataVista | Homey](https://homey.app/en-us/app/nl.erikvl87.datavista/DataVista/)**
>
> Customizable real-time data widgets for your dashboards.

Hi everyone,

DataVista is a handy app for your Homey dashboards that lets you display key info with sleek gauges, percentage bars, labels, line charts, and toggle switches. I’m always looking for opportunities to add more widget types to give you more ways to see and interact with your Homey data at a glance.

Check out the documentation for all the details!

**Documentation**  
[https://datavista.erikvl87.nl/](https://datavista.erikvl87.nl/)

**Like DataVista?**  
If you’re enjoying the app and want to support its development, feel free to send a donation. Big or small it all motivates me to keep adding new widgets and features!  
[https://www.paypal.com/paypalme/erikvl87](https://www.paypal.com/paypalme/erikvl87)  
[![Donate-Button-Transparent-Images](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/a/9a55042f9d53ffdef973e1fa2ec98e3ccf5b1cc0.png)](https://www.paypal.com/paypalme/erikvl87)

---

<div class="post-metadata">

**Author:** ![Gerard\_L](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/gerard_l/32/30781_2.png) [@Gerard\_L](https://community.homey.app/u/Gerard_L)\
**Post date:** [November 24, 2024, 2:49pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/2 "2024-11-24T14:49:27Z")

</div>

It looks nice

---

<div class="post-metadata">

**Author:** ![Torbjorn\_Melbye](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/torbjorn_melbye/32/18194_2.png) [@Torbjorn\_Melbye](https://community.homey.app/u/Torbjorn_Melbye)\
**Post date:** [November 24, 2024, 5:48pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/3 "2024-11-24T17:48:51Z")

</div>

Hi. Love that you are making a gauge widget.  
I just have an opinion about the design, and it’s that I don’t think the almost completely circular design is the best way to go. It forces the widget to be square, and therefore it will take up unnecessarily large space on the dashboard. This is the same reason I use the digital clock widget, and not the classic clock widget.

Something like this is in my opinion a better design:

 ![1000009118](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/c/6/c685035dee7f7a866dff0dad6a2f58c31f2c67a9.jpeg)

Of course, this is your call, but something to think about. Ideally you can do both, so people can choose

---

<div class="post-metadata">

**Author:** ![Erikvl87](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/erikvl87/32/112784_2.png) [@Erikvl87](https://community.homey.app/u/Erikvl87)\
**Post date:** [November 24, 2024, 5:57pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/4 "2024-11-24T17:57:58Z")

</div>

Thanks for the feedback @Torbjorn_Melbye! Your feedback is well-substantiated. I’ll look into making this (along with the widget height) configurable.

---

<div class="post-metadata">

**Author:** ![Erikvl87](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/erikvl87/32/112784_2.png) [@Erikvl87](https://community.homey.app/u/Erikvl87)\
**Post date:** [November 25, 2024, 4:14pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/5 "2024-11-25T16:14:56Z")

</div>

@Torbjorn_Melbye I’ve decided to switch all the gauges to half-circles for now, as your arguments were very convincing. I’ll consider adding a configurable option for this in the future.

For the needle-free style, this would be the widget’s design:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/e/e/eeace95dae52f4c4207ce063a45c72a0154a8a8f.png)

The widget with the needle is slightly higher to prevent the text from overlapping with the needle:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/e/1ea8ccd8242166e702a912be754b17ce161f4807.png)

The app was rejected due to some minor (but deserved) feedback that I needed to address, so I’m now awaiting a new review. After that, the first beta version will be released.

---

<div class="post-metadata">

**Author:** ![Torbjorn\_Melbye](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/torbjorn_melbye/32/18194_2.png) [@Torbjorn\_Melbye](https://community.homey.app/u/Torbjorn_Melbye)\
**Post date:** [November 25, 2024, 4:29pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/6 "2024-11-25T16:29:02Z")

</div>

Very nice. I’m curious…is the background color configurable?

---

<div class="post-metadata">

**Author:** ![Erikvl87](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/erikvl87/32/112784_2.png) [@Erikvl87](https://community.homey.app/u/Erikvl87)\
**Post date:** [November 25, 2024, 4:32pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/7 "2024-11-25T16:32:54Z")

</div>

Currently not. The background is transparent, so it currently depends on your Homey app display configuration (light, dark, system).

---

<div class="post-metadata">

**Author:** ![Torbjorn\_Melbye](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/torbjorn_melbye/32/18194_2.png) [@Torbjorn\_Melbye](https://community.homey.app/u/Torbjorn_Melbye)\
**Post date:** [November 25, 2024, 4:44pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/8 "2024-11-25T16:44:02Z")

</div>

That’s what I was hoping for.

---

<div class="post-metadata">

**Author:** ![Dirk\_vdM](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/dirk_vdm/32/112430_2.png) [@Dirk\_vdM](https://community.homey.app/u/Dirk_vdM)\
**Post date:** [November 25, 2024, 8:44pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/9 "2024-11-25T20:44:44Z")

</div>

The text colour will automatically adjust according to the theme?

---

<div class="post-metadata">

**Author:** ![Erikvl87](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/erikvl87/32/112784_2.png) [@Erikvl87](https://community.homey.app/u/Erikvl87)\
**Post date:** [November 25, 2024, 8:48pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/10 "2024-11-25T20:48:06Z")

</div>

@Dirk_vdM Correct!

 ![1000063691](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/f/9f196c9c4e8fa13e257f9d9317793e4750f1431b.jpeg)

---

<div class="post-metadata">

**Author:** ![Erikvl87](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/erikvl87/32/112784_2.png) [@Erikvl87](https://community.homey.app/u/Erikvl87)\
**Post date:** [November 26, 2024, 12:31pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/11 "2024-11-26T12:31:36Z")

</div>

**The beta is live!**

The beta version has been approved and is now available in the `test` channel. Please note that this build is still unstable until the first `live` version is released. Breaking changes may occur, and any updates will be posted here, so be sure to keep an eye on this topic.

Notes:

- On slow devices, selecting a datasource for the simple gauge could take some time to render the list, so be patient.
- For advanced gauges, configuring the datasource is done via a flow (that needs to make a first run first before you can select it).
- For advanced gauges, configuring the configsource is done either via a flow (that needs to make a first run first before you can select it), or via the app settings, under “Visualization - Gauges”.
- I’ll update the first post later today with a more detailed explanation.

Happy testing and I would love to hear your feedback.

> **[DataVista](https://homey.app/en-us/app/nl.erikvl87.datavista/DataVista/test/)**
>
> Customizable real-time data widgets for your dashboards.

---

<div class="post-metadata">

**Author:** ![martijnpoppen](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/martijnpoppen/32/84849_2.png) [@martijnpoppen](https://community.homey.app/u/martijnpoppen)\
**Post date:** [November 26, 2024, 1:06pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/12 "2024-11-26T13:06:28Z")

</div>

@Erikvl87 Really nice app!

I saw your comment:

> [@Erikvl87](#):
>
> The background is transparent, so it currently depends on your Homey app display configuration (light, dark, system).

But can you make the widget really transparent? Athom added that option for widgets 😃  
add: `"transparent": true` in the widget.compose.json.

Not sure if you want to, but might be nice 🙂

---

<div class="post-metadata">

**Author:** ![Torbjorn\_Melbye](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/torbjorn_melbye/32/18194_2.png) [@Torbjorn\_Melbye](https://community.homey.app/u/Torbjorn_Melbye)\
**Post date:** [November 26, 2024, 1:11pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/13 "2024-11-26T13:11:38Z")

</div>

Very nice. I noticed one thing when selecting my data source. The search is for capabilities, so when I search energy, the list is still very long since a lot of devices has this capability. Maybe make it possible to search for the device name?

Also, it would be nice to be able to define spectrums for the different colors of the guage. For instance 0-200=green, 201-500=orange, 501-1000=red

---

<div class="post-metadata">

**Author:** ![Erikvl87](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/erikvl87/32/112784_2.png) [@Erikvl87](https://community.homey.app/u/Erikvl87)\
**Post date:** [November 26, 2024, 1:20pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/14 "2024-11-26T13:20:16Z")

</div>

I must’ve missed that option! That would indeed be awesome. I’ll probably implement this in the next version. Since it’s a widget.compose.json setting, I am unable to make this configurable with a default implementation. I may need to make an additional setting to manually bring back the (default?) container if there’s enough interest in having this as well.

---

<div class="post-metadata">

**Author:** ![Erikvl87](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/erikvl87/32/112784_2.png) [@Erikvl87](https://community.homey.app/u/Erikvl87)\
**Post date:** [November 26, 2024, 1:21pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/15 "2024-11-26T13:21:12Z")

</div>

@Torbjorn_Melbye You’re already able to if you use the advanced gauge. Check-out the action cards for the DataVista app.

Ive experienced the same inconvenience regarding search. l’ll try to improve the search capabilities in the next version.

---

<div class="post-metadata">

**Author:** ![Torbjorn\_Melbye](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/torbjorn_melbye/32/18194_2.png) [@Torbjorn\_Melbye](https://community.homey.app/u/Torbjorn_Melbye)\
**Post date:** [November 26, 2024, 1:22pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/16 "2024-11-26T13:22:40Z")

</div>

Oh, must have missed that then. Thanks 👍🏻

---

<div class="post-metadata">

**Author:** ![martijnpoppen](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/martijnpoppen/32/84849_2.png) [@martijnpoppen](https://community.homey.app/u/martijnpoppen)\
**Post date:** [November 26, 2024, 1:23pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/17 "2024-11-26T13:23:18Z")

</div>

@Erikvl87 yeah only Height is configurable from code. But the transparent option is part of the compose indeed.

Maybe Athom could add this option. 😛

---

<div class="post-metadata">

**Author:** ![Dirk\_vdM](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/dirk_vdm/32/112430_2.png) [@Dirk\_vdM](https://community.homey.app/u/Dirk_vdM)\
**Post date:** [November 26, 2024, 3:17pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/18 "2024-11-26T15:17:25Z")

</div>

> [@Erikvl87](#):
>
> would indeed be awesome. I’ll probably implement this in the next version

On my phone it’s only full width now? Can you add the option to make it 1x1 or different sizes via a setting?

---

<div class="post-metadata">

**Author:** ![Erikvl87](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/erikvl87/32/112784_2.png) [@Erikvl87](https://community.homey.app/u/Erikvl87)\
**Post date:** [November 26, 2024, 6:34pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/19 "2024-11-26T18:34:14Z")

</div>

Hi @Dirk_vdM, could you explain in a few more words what you’re looking for? It is my understanding there’s not a default 1x1 (or any other) size, and on a phone each widget is always full width. Or are you looking for just square (1:1) variant?

---

<div class="post-metadata">

**Author:** ![Dirk\_vdM](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/dirk_vdm/32/112430_2.png) [@Dirk\_vdM](https://community.homey.app/u/Dirk_vdM)\
**Post date:** [November 26, 2024, 6:59pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/20 "2024-11-26T18:59:21Z")

</div>

![homey](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/6/6/6646bcfd4394c06101b4f830372e045cb409ea2d.jpeg)  
the first widget can have 3 items, the gauge only 1.

[Next page](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482.md?page=2)
