# \[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:** 2

<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, 7:16pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/21 "2024-11-26T19:16:14Z")

</div>

I believe that’s just a small tile in a full width widget. If you go to the dashboard edit screen, you should notice that the device tile is in fact part of a full width widget. There can’t be any other widget next to it.

 ![1000063739](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/d/c/dc506d89f970bbcd7a18c619f6a79ade415727ec.jpeg)

I may be able to allow the widget to be smaller, but you would still be left with empty space to the right that can’t be filled (with either another widget or gauge). I am not quite sure yet if I need to try and address this.

With the current SDK and widget setup, merging multiple gauges into a single widget is too complex. I might explore this in the future, but it’s not a priority. It might be better for Homey to address this by introducing smaller widget forms, rather than having developers tackle it individually.

---

<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, 7:33pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/22 "2024-11-26T19:33:33Z")

</div>

@martijnpoppen There’s a [background-color CSS variable](https://apps.developer.homey.app/the-basics/widgets/styling#background-color) that I’ve used to add back the default background color to a transparent widget, which now allows for a widget setting to enable full transparency. It’ll be in the next test release, which is currently in review.

@Torbjorn_Melbye, I’ve tweaked the search so that each word in your query matches either the capability title or the device name. This should make it easier to find the capability you’re looking for when configuring the simple gauge widget. This change will also be included in the next test release.

---

<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, 7:46pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/23 "2024-11-26T19:46:46Z")

</div>

> [@Erikvl87](#):
>
> I might explore this in the future, but it’s not a priority. It might be better for Homey to address this by introducing smaller widget forms, ra

Multiple gauges in 1 widget would be the solution. But that’ll also mean multiple sets of settings.

---

<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, 7:58pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/24 "2024-11-26T19:58:24Z")

</div>

Exactly. I’d rather prefer if Homey introduced smaller widget formats, so the sizes can be unified across the board. Having multiple gauge configurations in a single widget would make things overly complex.

---

<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, 8:24pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/25 "2024-11-26T20:24:28Z")

</div>

It seems that when a new test release is blocked by a pending review by Athom, the old test version is immediately removed (instead of replacing it with the new version after it has been approved) when there’s not yet a release to the `live` channel.

I therefore decided to release the same v0.2.0 beta version to the `live` channel:

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

Please consider this version unstable until the first version 1.x.x has been released. Happy testing, and I would love to see those gauges in action!

**Edit:**  
@Torbjorn_Melbye and @martijnpoppen,

Test version `0.2.2` can be found below, and includes:

- Added a transparent option for the widget background
- Improving the search algorithm when selecting a datasource in the simple gauge widget
- Fixed a bug in saving application settings

[https://homey.app/a/nl.erikvl87.datavista/test/](https://homey.app/a/nl.erikvl87.datavista/test/)

---

<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, 8:46pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/26 "2024-11-26T20:46:33Z")

</div>

@Erikvl87 Yes really nice works perfect! 🙂

---

<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, 10:00pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/27 "2024-11-26T22:00:54Z")

</div>

I don’t get any data sources on the advanced gauge?  
At the simple gauge I can’t search on the device, only on the capability. E.g. I’d like to see all options for Tesla. =\> fixed after updating…  
A sample (hdash) with multiple small gauges:

 ![IMG_2623](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/2/0/200076e3c96fe8c4e9fdc61832629140c6320583.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, 10:36pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/28 "2024-11-26T22:36:04Z")

</div>

@Dirk_vdM did you install the new test version? That should allow you to search on device name. Please check if the app version is 0.2.2. (Edit: I’ve seen that you got this sorted with the new version, great!)

With regards to the advanced gauge, you’ll first have to create an (advanced) flow and use the DataVista action cards to set the range and configuration. After an initial run of the flow, you should be able to select sources for the advanced widget.

I’ll try to create some proper documentation this weekend.

---

<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 27, 2024, 8:14pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/29 "2024-11-27T20:14:51Z")

</div>

You might extend it with graph types like bars or lines giving the ability to choose.  
In some cases a progress bar is better and takes up less space.

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

---

<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 27, 2024, 8:59pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/30 "2024-11-27T20:59:25Z")

</div>

You’re reading my mind, because this is exactly what I am currently working on. I already have a PoC working. Hopefully able to release a new test version this weekend with a percentage bar widget.

---

<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 27, 2024, 9:11pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/31 "2024-11-27T21:11:17Z")

</div>

Excellent!!

---

<div class="post-metadata">

**Author:** ![Mariomark1541](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/mariomark1541/32/178160_2.png) [@Mariomark1541](https://community.homey.app/u/Mariomark1541)\
**Post date:** [November 28, 2024, 2:19pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/32 "2024-11-28T14:19:40Z")

</div>

Cool can we used that also for example battery

---

<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 28, 2024, 4:35pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/33 "2024-11-28T16:35:20Z")

</div>

You will be able to select any percentage capability or advanced DataVista percentage (set by flows), so that should allow you to display a battery level.

---

<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 28, 2024, 9:41pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/34 "2024-11-28T21:41:30Z")

</div>

Here is a screenshot of the work in progress.

The top widget is dynamically controlled by a flow. The second widget visualizes a selected capability. When a capability is selected, you can use the widget settings to show or hide the capability/device icon.

 ![1000063839](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/a/9/a957593e12f8b74066e0efacdf3f142187dd4118.jpeg)

I have given special consideration to the height of the widget, ensuring that it will not occupy an excessive amount of space.

Colors and transparancy are configurable as well.

The design is deliberately minimalistic, but I may consider other styles in the future.

---

<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 29, 2024, 7:50am UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/35 "2024-11-29T07:50:41Z")

</div>

I’d like to be able to set a gradient in the bar. If it has something to do with charging a battery or something…  
If you mean that by ‘Colors and transparancy are configurable as well.’ then we’re talking about the same thing.

---

<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 29, 2024, 8:04am UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/36 "2024-11-29T08:04:16Z")

</div>

You can pick two colors, and the progress bar will change color based on how far along it is. You will only see the gradient effect when the value changes, as the whole bar will change to one color based on the percentage.

![1000063866](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/a/b/abd81b4d51b50f48b53216f99461c9d184b9507a.gif)

---

<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 29, 2024, 1:54pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/37 "2024-11-29T13:54:51Z")

</div>

🚀 The progress bar widget has been released to the test channel and will soon be released to the live channel as well.

[https://homey.app/a/nl.erikvl87.datavista/test/](https://homey.app/a/nl.erikvl87.datavista/test/)

---

<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 29, 2024, 6:01pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/38 "2024-11-29T18:01:45Z")

</div>

I’ve just launched the initial version of the app documentation website! I’ll continue to improve it over time as the app development progresses.

Check it out here: [https://datavista.erikvl87.nl/](https://datavista.erikvl87.nl/)

---

<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 29, 2024, 6:06pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/39 "2024-11-29T18:06:14Z")

</div>

1 minor bug, after updating you need to uncheck and recheck the transparancy option again for each widget.  
Restarting the homey app seems to solve it 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 29, 2024, 8:35pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/40 "2024-11-29T20:35:50Z")

</div>

Thanks for taking the time to report. I’ll look into it.

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

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