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

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

</div>

It might be an idea to add different needles. I prefer minimalistic:

[https://images.app.goo.gl/eJTh4v7UgskUWNiv7](https://images.app.goo.gl/eJTh4v7UgskUWNiv7)

---

<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:** [December 1, 2024, 12:23pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/42 "2024-12-01T12:23:47Z")

</div>

Thanks for the suggestion. I will consider adding additional needles in the future. I’ll first be focusing on getting other widgets ready.

---

<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:** [December 1, 2024, 12:48pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/43 "2024-12-01T12:48:15Z")

</div>

In version 0.3.1 (already available in test), the **progress bar widget** has received a small but handy update! 🎉

The widget now displays the device and capability name below the progress bar for better clarity. You will be able to hide this title, or overwrite it, all from the widget settings.

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

This improvement is designed to let you stack multiple progress bar widgets neatly, without the need for the bulky default Homey widget titles.

---

<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:** [December 2, 2024, 6:46pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/44 "2024-12-02T18:46:10Z")

</div>

A new widget is currently in the works, designed to let you display the state of any Boolean capability or DataVista Boolean value as a toggle switch.

This means you can use this widget to indicate whether a device is on or off, display the active state of a motion sensor, or even leverage Homey’s (Advanced) Flows to control the widget’s value dynamically, just like all other DataVista’s widgets.

This feature is still under development, so constructive feedback is always welcome!

I’m also considering adding customizable icons and colors, though this will depend on whether I can implement an easy and user-friendly configuration. Stay tuned for updates!

![toggle-switch-widget](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/c/9c41bd5bbd0229aef3764f3dfe53ee5b2578f913.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:** [December 3, 2024, 7:38pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/45 "2024-12-03T19:38:23Z")

</div>

Version 0.4.0 of DataVista is now available in the [test channel](https://homey.app/a/nl.erikvl87.datavista/test/), featuring the **Toggle Switch widget** 🚀! This new widget allows you to easily display boolean values like on/off or true/false states.

_edit 2024/12/04:_ Also available in the [live channel](https://homey.app/a/nl.erikvl87.datavista/).

The title, icons and colors are configurable to some degree, allowing you to personalize the appearance of the widget.

![toggle-switch-animals](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/5/b/5b84dfb57792e7288ad7b5ffc5ab5e005eeb179d.gif)

Check out the documentation for setup details (especially how to configure the icons):  
[https://datavista.erikvl87.nl/widgets/toggle-switch](https://datavista.erikvl87.nl/widgets/toggle-switch)

Give it a try and let me know your thoughts!

---

<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:** [December 3, 2024, 9:26pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/46 "2024-12-03T21:26:42Z")

</div>

Hi. Another great widget.  
I wanted to show the yes/no status of a logic variable. Can’t seem to be able to add logic variables as a datasource. Is it possible to include this?

---

<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:** [December 3, 2024, 9:33pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/47 "2024-12-03T21:33:01Z")

</div>

Thank you, @Torbjorn_Melbye! Allowing logic variables is definitely on my wish list as well, but I’ll have to check what’s possible; I’ll get back on that asap.

As a workaround, you may be able to use the IF logic card “variable has changed” together with the “then” DataVista action card to set a boolean value and sync it with your variable. That DataVista boolean value could then be used in your widget as a datasource.

---

<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:** [December 3, 2024, 9:49pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/48 "2024-12-03T21:49:56Z")

</div>

Jepp, that works for now. Thanks for the tip 👌🏻

---

<div class="post-metadata">

**Author:** ![Matthias\_Konenberg](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/matthias_konenberg/32/78907_2.png) [@Matthias\_Konenberg](https://community.homey.app/u/Matthias_Konenberg)\
**Post date:** [December 4, 2024, 2:05pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/49 "2024-12-04T14:05:34Z")

</div>

Thank you very much for the wonderfull app! Is it possible that the progressbar works like gauge? To save space?

---

<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:** [December 4, 2024, 5:23pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/50 "2024-12-04T17:23:58Z")

</div>

> [@Torbjorn\_Melbye](#):
>
> Hi. Another great widget.  
> I wanted to show the yes/no status of a logic variable. Can’t seem to be able to add logic variables as a datasource. Is it possible to include this?

@Torbjorn_Melbye In the next release you will be able to select variables 💪🏻!

> [@Matthias\_Konenberg](#):
>
> Thank you very much for the wonderfull app! Is it possible that the progressbar works like gauge? To save space?

May I ask, what are the metrics you’d like to visualize? The actual percentage progress bar is not sufficient for what you are trying to visualize? The gauge is a 3rd party component which I can’t alter to an horizontal visualization. I can however consider creating a new widget.

---

<div class="post-metadata">

**Author:** ![Matthias\_Konenberg](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/matthias_konenberg/32/78907_2.png) [@Matthias\_Konenberg](https://community.homey.app/u/Matthias_Konenberg)\
**Post date:** [December 4, 2024, 7:26pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/51 "2024-12-04T19:26:58Z")

</div>

Thank you very much for the quick answer!! I would like to visualize sensor values in a very compact Design.  
For me the Gouge Widgets are too Big.

I like to specify Min and Max.  
Instead of % then variable values such as kWh or W

Solar Input  
Range 0-10000W

Grid Import  
Range 0-16000Wh

Grid Export  
Range 0-10000Wh

Or  
Brightness values in Lux not %

---

<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:** [December 4, 2024, 8:57pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/52 "2024-12-04T20:57:45Z")

</div>

Thanks for the details. That sounds like a typical use-case! I think I can add a new metric bar widget with the same sort of visualization but with a configurable min-max range and label. I’ll first have to finish some other work on the app but I can hopefully create something soon; I’ll post back here if I have an update regarding your request.

---

<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:** [December 5, 2024, 9:28pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/53 "2024-12-05T21:28:51Z")

</div>

@Erikvl87 for the progress bar I’m able tonselect the humidity data source form my sensor but I cant pick the tenperature. Wouldbit be able to make that possible? The I just set the bar to run from 0 to 30 or something? A whole gauge for temperature seems overkill.

Secondly I was thinking about a different card. Just a card which displays the number in a gradient. Like 15 degrees wil be blue, but 30 will be 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:** [December 5, 2024, 10:13pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/54 "2024-12-05T22:13:26Z")

</div>

@Dirk_vdM, thanks for the input! I’ve heard similar requests from others too, so I’m working on a new metric widget. It’ll look like the progress bar but handle all kinds of data, like temperature, power usage, or other metrics.

I’m also planning a label widget to highlight a single value more prominently. That seems to be exactly what you are looking for as well.

I’m hoping to have these ready soon.

---

<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:** [December 6, 2024, 10:46am UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/55 "2024-12-06T10:46:44Z")

</div>

Version 0.4.1 of DataVista is now available in the [test channel](https://homey.app/a/nl.erikvl87.datavista/test/), which contains the following small changes:

- 🎉 **Homey variables** can now be selected in the _simple gauge_ and _toggle switch_ widgets (Thanks to @martijnpoppen for pointing me into the right direction to solve this)
- ⚠ Fixed an issue where new devices / capabilities weren’t discovered until a restart of the app
- 🗣 Added a few Dutch localizations
- ⚙ Lots of non-functional changes to allow for easier development of new widgets

---

<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:** [December 6, 2024, 1:01pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/56 "2024-12-06T13:01:43Z")

</div>

Hi again.  
Thanks for making variables available.

On my dashboard it seems your widgets are “smaller” than others. They don’t really fill the available space. Look at my screenshot below. The text is hard to read.  
Not sure how to explain, but it looks like you could blow everything up in size just a little bit.

 ![Screenshot 2024-12-06 13.58.36](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/a/7/a73802d1780074d0226e5a03e48a9cc0d789f4a5.jpeg)

---

<div class="post-metadata">

**Author:** ![Rogier\_Verheugen](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rogier_verheugen/32/77406_2.png) [@Rogier\_Verheugen](https://community.homey.app/u/Rogier_Verheugen)\
**Post date:** [December 7, 2024, 6:29am UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/57 "2024-12-07T06:29:30Z")

</div>

Hi @Erikvl87

First of all, I love your widgets. Can’t wait to see more from you.

 ![1000007465](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/9/1/9156ae5fd52733b04ba8c60570c1cbb3d21784ee.jpeg)

I displayed my own widget for the trash containers. But my question / wish is, to put multiple data sourses so to speak into one widget?

Rogier

---

<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:** [December 7, 2024, 9:58am UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/58 "2024-12-07T09:58:49Z")

</div>

Glad to hear you’re loving the widgets! These kinds of messages keep me motivating 😉!

Could you explain a bit more what you’re looking for? Are you thinking of a single toggle that represents any of the trash cans? If so, you could create a flow to set a DataVista Boolean value and use that instead. Or do you mean grouping multiple toggles closer together? If that’s the case, how do you imagine it should look?

Also, I think there’s a bit of a line here between what’s on the app developer and what’s on Athom. For example, if Homey let you place (half-sized) widgets side by side in one column, you could just add multiple toggles like that.

_By the way, you should use `f2ed` for the false value icon and `f829` for the true value 😉._

---

<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:** [December 7, 2024, 10:11am UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/59 "2024-12-07T10:11:11Z")

</div>

Awesome to hear you’re enjoying the variable selection feature!

With regards to the font color and size, I have been using the so-called `.homey-text-small-light` styles, which are the default Homey colors for secondary labels. The color style and size should match those secondary labels of the widget above and to the right (the timeline widget). It should only be smaller compared to regular text (`.homey-text-regular`). I went for that style because I did not want to give the text to much attention.

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/3/4359f4eeb6f774cfb196380eca45cc76748c0507.png)  
For more technical information: [Styling | Homey Apps SDK](https://apps.developer.homey.app/the-basics/widgets/styling#text)

Looking at the attached screenshot, do you think I should’ve gone with the `.homey-text-regular` style instead? Or would you prefer a completely larger widget? That could mean adding a style selection in the widget settings to give it a more prominent appearance. What do you think?

---

<div class="post-metadata">

**Author:** ![Rogier\_Verheugen](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rogier_verheugen/32/77406_2.png) [@Rogier\_Verheugen](https://community.homey.app/u/Rogier_Verheugen)\
**Post date:** [December 7, 2024, 11:05am UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/60 "2024-12-07T11:05:53Z")

</div>

Hi @Erikvl87

A standard variable widget from Homey itself can contain multiple variables in a single widget. Your widget contains only one variable per widget. Since a single dashboard can hold up to 50 widgets your widgets are consuming the amount of widgets.

If I am mistaken please show me an example.

Rogier

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

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