Help with Heat Map / Compose / Image Map Widgets

TagoIO Dashboards
1

Hi Folks.
It looks like the heat map widget adds values of a variable together as records are stored in your bucket. Is there a way for it to just show the latest value? Everything just ends up red otherwise.

Ideally I’d also like to find a way that Users can modify the background and add points on the map from within the dashboard like you can with the Image Marker and Compose widgets. A crude solution I’m looking at is a heap of conditions for the pin colour in the contour widget but the heat map scale is nicer.

Essentially I’m look to create a floor level survey contour or heat map for a house. (Contours would be great but there’s nothing like it currently).

Any help appreciated.
Thanks.
Rob

Any help appreciated.

2

Hi Rob,

Follow suggestions based on the points raised. Essentially, most of the points uses analysis/action concepts, below will be listed helpful links.

1. Get only the last values of each variable

Use an analysis to perform this, every time you receive an uplink, an action should trigger an analysis. That analysis will create a new variable (e.g. heatmap_pin_value), but before it should delete the old values (if existed).

2. Dynamically upload a heatmap background image.

You can enable the users to upload an image through a input form, when the form is submitted setup to trigger an analysis to store the image path on the background image variable:

2349×1430 270 KB

3. Dynamically add points to the heatmap

Through an input form again you can collect the input such as X,Y and value (take in mind that a good idea is to fetch the value information from a specific bucket is a good approach, it will differ for each use-case though).

Using it’s documentation we can understand the variable structure accepted by the widget:

https://help.tago.io/portal/en/kb/articles/486-heat-map-widget

{
“variable”: “heatmap_pin_value”,
“value”: 71, //consider fetching this value from a bucket
“metadata”: {“x”:0.2, “y”:0.3}
}

Helpful links:

https://www.youtube.com/watch?v=wb7B_q7K7es&t=1s

https://www.youtube.com/watch?v=AdSVMEvHjUY&t=2s

https://help.tago.io/portal/en/kb/articles/120-creating-analysis

https://help.tago.io/portal/en/kb/articles/30-actions

https://help.tago.io/portal/en/kb/articles/486-heat-map-widget#3_Bubble_position

https://www.youtube.com/c/TagoIO/videos

Hope I could help you somehow.

Guilherme Costa

3

Thanks Guiherme

I think I’m going ok now with the number of values - I just set ‘max number of points to be displayed’ to 1.

I should be able to get the dynamic background image with upload working fine, thanks.

I’m struggling with the heat map not showing the variable or device as a label like the other widgets. The heatmap concept is great but it seems like development of it has fallen behind the other widgets maybe?

I guess I’m looking to find a blend of them all hahaha.

I’d just considered compromising and going with Image Marker or Compose but have just realised they wont add more than 1 pin per device :frowning: Heatmap lets you display points for multiple variables of a single device (which is what I’m looking to do).

I’ll look into Cutom Widgets instead but thats generally beyond my coding skill levels.

Are these widgets going to be updated at any point soon?

Thanks.
Rob