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

<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, 12:15pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/61 "2024-12-07T12:15:00Z")

</div>

Hi @Erikvl87

I found a website with FA icons

> **[Font Awesome Icons](https://fontawesome.com/v4/icons/)**
>
> Font Awesome, the iconic font and CSS framework

Do you have a list which you can share?

I used F014 and F1f8

 ![1000007472](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/0/10c07558f1b77ca66c9a218858816d70e95231b4.jpeg)

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

</div>

Ah got it. I initially misunderstood the reasoning behind your question. I’ll look into the possibilities, but I can’t make any promises yet.

Unfortunately Homey does not yet give us developers the ability to make complex widget settings.

The hard part is that some widget settings are tied to a single visualization; take for example the setting to overwrite the name. I’ll either have to copy each setting 5 times or make something newly configurable via flows.

Ill put this on the wishlist and I’ll report back when I have an update to share.

---

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

</div>

As mentioned in the docs at [Toggle switch | DataVista](https://datavista.erikvl87.nl/widgets/toggle-switch), these are indeed FontAwesome icons:

> **[Font Awesome](https://fontawesome.com/v6/search?o=r&m=free&s=solid)**
>
> The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

---

<div class="post-metadata">

**Author:** ![joamlin](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/joamlin/32/113327_2.png) [@joamlin](https://community.homey.app/u/joamlin)\
**Post date:** [December 7, 2024, 3:33pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/64 "2024-12-07T15:33:30Z")

</div>

@Erikvl87 - just wanted to give you some creds for your awesome widgets, really appreciated! It’s easy to see that you pay attentions to details and like design 🙂 Well done!!

---

<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 8, 2024, 6:49pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/65 "2024-12-08T18:49:24Z")

</div>

Such a shame we need to create logic in homey itself to display a value just because the default device card is 80% covered by a useless icon. A datavista progress bar or logic value should do the job perfectly.

 ![20241208_184747955_iOS](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/5/9/599ecc8dc6630c4dedd7d7734f8f383478b5c11d.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:** [December 8, 2024, 7:10pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/66 "2024-12-08T19:10:25Z")

</div>

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

- 🎉 The **DataVista Progress Bar widget** now supports **DataVista ranges** , enabling you to visualize metrics beyond percentages!
- 📐 You can now set a **unit of measurement** in the **DataVista Range flow card** , which will be displayed before or after your value in both the progress bar and Advanced Gauge widgets.

The progress bar widget requires a range to function. This means you’ll need to create a flow to set the range and update its value whenever the variable you’d like to display changes. Simply create a flow and use the **DataVista Range** action card to define your range and update its value. After that, you can now select the range as a datasource in the widget.

![DataVista-0-5-0](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/3/b/3bcc6cb0c95f9fcc08bccdc2891d6fa4feaf78a9.gif)

When using a percentage as the data source, the progress var displays the standard visualization. However, when selecting a range, the value can represent any metric, so it is displayed inside the bar to provide more space for your data. The value color automatically adjusts to maintain contrast and ensure readability.

---

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

</div>

Absolutely! In an upcoming release, I hope to add new widgets for displaying single values, like numbers, booleans, dates, or strings. If you have specific ideas on how these should look, I’d love to hear them—feel free to share!

Hopefully the 0.5.0 release is already giving you some new possibilities to display your data 😉.

---

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

</div>

It onyl works when you set ranges in a flow? And the progress bar won’t display the min and max right? I’d rather wait to the point I can just select the capability ‘temperature’ of my sensor, set a min and max setting and let it do it’s work :-). Setting stuff in flows seems a workaround to me.

About the single value widgets I think the value itself should be centralized. Maybe with a configurable gradient so e.g. for temperature the number can be from blue to red.

---

<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 8, 2024, 9:09pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/69 "2024-12-08T21:09:14Z")

</div>

Another feedback thing is to use the same view for both bars. Now I have humidity below temperature. Temperature needs to be done with a flow / advanced bar as humidity is a capability. So I have a tiny bar below a big one.

Being able to use all the other capabilities like temperature makes it les independent from cards other developers put into their apps. E.g. my temperature sensor has a 'temperature has changed’card with which I can feed a bar. But it does not have a ‘humidity has changed’ card. Meaning I can’t update the humidity bar from a flow unless I pick temperature as trigger which isnt always the case.

---

<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 8, 2024, 9:15pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/70 "2024-12-08T21:15:06Z")

</div>

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

The “eenheid” doesn’t work?

Not too bad:

 ![20241208_213754524_iOS](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/5/45dbe199d93ec467bbb0177fe31ab456f9d6cee1.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:** [December 8, 2024, 9:44pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/71 "2024-12-08T21:44:52Z")

</div>

@Dirk_vdM Thanks for all the quick feedback.

> [@Dirk\_vdM](#):
>
> It onyl works when you set ranges in a flow? And the progress bar won’t display the min and max right? I’d rather wait to the point I can just select the capability ‘temperature’ of my sensor, set a min and max setting and let it do it’s work :-). Setting stuff in flows seems a workaround to me.

I’ll look into making it possible with just widget configuration, but like mentioned before, Homey is not giving us developers that much control over widget settings. This is currently making it hard to implement or the widget hard to understand. I would love to revisit this when Athom would allow us to create conditional widget fields.

For example, I’ll have to add lots of optional fields that clutter the widget:

- Add 2 optional number input fields (start value and end value), both not applicable when selecting a value that’s already expressed as a percentage
- Add 2 checkbox fields to indicate if any of the numbers are negative, since we’re not yet allowed to enter negative values in number fields)
- Add another setting for the unit of measurement, since that is not always available
- Add another setting to indicate if the unit of measurement needs to be before or after the value

> [@Dirk\_vdM](#):
>
> Another feedback thing is to use the same view for both bars. Now I have humidity below temperature. Temperature needs to be done with a flow / advanced bar as humidity is a capability. So I have a tiny bar below a big one.

I have to fall back on a bigger visualization because I can’t predict the values and unit of measurements being used by the users. The existing visualization is showing the percentages on the left, which is not enough space for most other data. Take for example, `euro`, `minute` or `mhz` where both the data as the unit of measurement takes way to much space to be presentable on the left of the bar.

But, as a **solution** , you should be able to use the **DataVista percentage** card instead and that should render the minimalistic widget visualization. Or, like you already did, visualize everything with the range cards rendering everything with the bigger visualization. The widget itself shouldn’t be heigher.

> [@Dirk\_vdM](#):
>
> Being able to use all the other capabilities like temperature makes it les independent from cards other developers put into their apps. E.g. my temperature sensor has a 'temperature has changed’card with which I can feed a bar. But it does not have a ‘humidity has changed’ card. Meaning I can’t update the humidity bar from a flow unless I pick temperature as trigger which isnt always the case.

I totally understand. Currently, the only **solution** to this issue would be to create a flow that runs every x seconds/minutes and calls one of the DataVista cards to update the value. That’ll at least unblock you for the time being. I will try to come up with something better in the future.

> [@Dirk\_vdM](#):
>
> The “eenheid” doesn’t work?

You should remove the last part of the action card that’s overwriting the value with a label. That’s now overwriting the complete visualization (and number increment animation) with that value. You could use that for example in a progress bar or gauge, to show “Low/Medium/High” instead of the actual numbers. In your case you don’t need it and you should leave it empty instead.

---

<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 8, 2024, 9:55pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/72 "2024-12-08T21:55:15Z")

</div>

Got it.  
As for the unity. If I get rid of the label and out **°C** as value, my temperature had 2 decimals instead of 1 all of a sudden 😃

Thanks for the hard work sofar, very usefull.

Maybe one little feedback addition: The colouring of the bar is a little weird.  
If I pick green to red it comes out in the middle with an orange/brown something.  
Isn’t it posible to fill the progress bar with the gradient instead of filling it with the calculated colour in full?

Like this:

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/a/8/a8edc29e63006976340e314441218420f03769dc.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:** [December 8, 2024, 10:38pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/73 "2024-12-08T22:38:21Z")

</div>

The 2 decimals should’ve been the maximum precision so I consider that a bug if the given value only had a single decimal precision. I’ll make sure to fix that in the next release.

I agree that a gradient could fix the strange colors you may end up with. I’ll look into this.

---

<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 9, 2024, 12:46am UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/74 "2024-12-09T00:46:30Z")

</div>

Yes, I think at least regular, if not bold. It’s not a secondary label in my case. I get it if you want to include a title for the widget. So a choice would be optimal I guess.

---

<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 9, 2024, 2:13pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/75 "2024-12-09T14:13:49Z")

</div>

Thank you very much for the quick adjustment!, I think the percentage visualization is nicer, but the functionality of the new one is great. A question: Is it basically possible to significantly reduce the space between the ads?

 ![IMG_7884](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/b/a/ba2541b420e24fc9e3eb5c8ea9f5608050983029.jpeg)  
 ![IMG_7883](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/6/16448841ae874239b922809de03e175a34b902b2.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:** [December 9, 2024, 4:27pm UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/76 "2024-12-09T16:27:48Z")

</div>

> [@Matthias\_Konenberg](#):
>
> A question: Is it basically possible to significantly reduce the space between the ads?

Definitely. Soon ™️!

![datavista-reduced-height](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/7/a/7ab226b01b7f46c6089421bbc4ac08f808d963ea.gif)

---

<div class="post-metadata">

**Author:** ![Olex](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/olex/32/79016_2.png) [@Olex](https://community.homey.app/u/Olex)\
**Post date:** [December 10, 2024, 7:20am UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/77 "2024-12-10T07:20:50Z")

</div>

Nice app!

I have tested some old tablets for my dashboard.  
My 8 years old Samsung tab 10.1, seems to work, except with the simple gauge.  
The simple gauge keeps trying to load forever, this works fine with an old Apple iPad.  
I guess the Samsung is just too old and doesn’t have enough GPU power for this purpose, and that there is nothing to do about it?

---

<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 10, 2024, 8:09am UTC](https://community.homey.app/t/app-pro-datavista-customizable-real-time-data-widgets-for-your-dashboards/121482/78 "2024-12-10T08:09:48Z")

</div>

Hello Olex! I’m sorry to hear that the gauge isn’t functioning correctly on your tablet. I’d be happy to explore potential solutions or determine if the tablet’s age and processing power might be limiting its compatibility with Homey dashboards and the gauge widget (and we may have the accept the fact that the tablet is just to old).

The next release will include more detailed logs. Following that, I will contact you again with instructions on how to provide those logs.

---

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

</div>

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

- 🔠 For the **Progress bar** and **Toggle switch** widgets the display name color now matches the default text color.
- ➕ For the **Progress bar** widget the datasource now also accepts capabilities out of the box that have a `min` and `max` value. This should allow for out of the box support for, amongst others, the capabilities dim, volume, light temperature and thermostat target temperature.
- 📏 For the **Progress bar** and **Toggle switch** widgets the heights and margins are reduced. This allows for a better visualization when stacking widgets.
- 🚮 For the **Progress bar** and **Toggle switch** widgets the “transparent background” option is removed. Due to their reduced size, they are now always transparent.
- 🛠 Fixed an issue in the **Progress bar** and **Toggle switch** widgets that caused some capability/device icons not properly centering.
- 🛠 Fixed an issue in the **Progress bar** that caused a change in number precisions.
- 🛠 Fixed an issue in the **Progress bar** widget that caused percentage capabilities not showing the minimal visualization.
- 🔎 In the **Simple gauge** widget, added some temporary additional logs for debugging purposes.

---

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

</div>

Hi Olex,

Are you familiar with sending a crash report? Could you follow these steps?

1. Make sure to update DataVista to the 0.6.1 test version
2. Close and re-open the dashboard with the simple gauge that is stuck in the loading spinner
3. Make a note of the exact date and time you opened it up
4. Directly after, create a crash report for the DataVista app  
You can do this in Homey → More → Apps → DataVista → ⚙ → Make diagnostic report
5. Send me the crash report ID and the timestamp you noted in step 3

Hopefully there’s some useful information inside the logs that help us determine the cause of the widget stuck at the loading spinner.

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

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