# Dashboard heatmap

**URL:** <https://forums.losant.com/t/dashboard-heatmap/3055>\
**Category:** Help\
**Tags:** dashboard\
**Created:** [June 17, 2020, 7:27pm UTC](https://forums.losant.com/t/dashboard-heatmap/3055 "2020-06-17T19:27:14Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lars\_Andersson](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@Lars\_Andersson](https://forums.losant.com/u/Lars_Andersson)\
**Post date:** [June 17, 2020, 7:27pm UTC](https://forums.losant.com/t/dashboard-heatmap/3055/1 "2020-06-17T19:27:14Z")

</div>

Could I use the heatmap block only with gps data?

I would like to see a similar function of measured machine data, pressure/flow in this case.  
Since I’m relying on a frequency of data sampling 1/min , in this case, and no value triggered measurement, I need to map a range of values to see the distribution.  
Then a month from now I need to do the same comparison.  
Any other block/method that would do this better ?

---

<div class="post-metadata">

**Author:** ![Aidan\_Zebertavage](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/aidan_zebertavage/32/2719_2.png) [@Aidan\_Zebertavage](https://forums.losant.com/u/Aidan_Zebertavage)\
**Post date:** [June 17, 2020, 7:53pm UTC](https://forums.losant.com/t/dashboard-heatmap/3055/3 "2020-06-17T19:53:33Z")

</div>

@Lars_Andersson,

The heatmap block on the dashboard is designed to only use valid GPS strings as inputs, so we will need to come up with a different strategy to visualize the data in question.

As I understand it, you want to monitor the distribution of pressure and flow data points for a given time period, and then compare the same time frame a month later? Presumably so you can see the impact to pressure and flow values after mechanical adjustment or change to process conditions?

Or to see broader trending of the performance of the equipment?

Do you need this data from a given piece of equipment associated with a particular geographic location?

Thanks,  
@Aidan_Zebertavage

---

<div class="post-metadata">

**Author:** ![Lars\_Andersson](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@Lars\_Andersson](https://forums.losant.com/u/Lars_Andersson)\
**Post date:** [June 17, 2020, 8:12pm UTC](https://forums.losant.com/t/dashboard-heatmap/3055/4 "2020-06-17T20:12:55Z")

</div>

initially just some form of scatterplot for a given time frame where pressure is X and Flow is Y.  
Sounds like Vega Lite is my best path, but I always have a bit a trouble with that especially if I’m not using it for a while.  
As the data source for Vega should I use Time series or is gauge query better?

---

<div class="post-metadata">

**Author:** ![Lars\_Andersson](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@Lars\_Andersson](https://forums.losant.com/u/Lars_Andersson)\
**Post date:** [June 17, 2020, 8:47pm UTC](https://forums.losant.com/t/dashboard-heatmap/3055/5 "2020-06-17T20:47:55Z")

</div>

Can you explain why this Vega config somewhat works, but as soon as I change x from nominal to quantitative, it doesn’t  
{

“width”: {{block.width}},

“height”: {{block.height}},

“autosize”: {

```
"type": "fit",

"contains": "padding"

```

},

“data”: {“values”:[

{“Pressure”:1,“Flow”:1},

{“Pressure”:2,“Flow”:2},

{“Pressure”:3,“Flow”:3}

] },

“mark”: “point”,

“encoding”: {

```
"x": {"field": "Presssure", "type": "nominal"},

"y": {"field": "Flow", "type": "quantitative"}

```

}

}

---

<div class="post-metadata">

**Author:** ![Aidan\_Zebertavage](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/aidan_zebertavage/32/2719_2.png) [@Aidan\_Zebertavage](https://forums.losant.com/u/Aidan_Zebertavage)\
**Post date:** [June 17, 2020, 10:38pm UTC](https://forums.losant.com/t/dashboard-heatmap/3055/6 "2020-06-17T22:38:54Z")

</div>

@Lars_Andersson,

Using the Vega block or the custom HTML block is your best path, and it looks like you’ve already proceeded with using a time-series query as part of your configuration.

As far as your specific config, this isn’t something we have the ability to assist with but other Vega-specific resources might be able to help. Take a look at the vega docs directly ([https://vega.github.io/vega-lite/docs/](https://vega.github.io/vega-lite/docs/)) or StackOverflow forums around the topic.

Thanks  
@Aidan_Zebertavage

---

<div class="post-metadata">

**Author:** ![Lars\_Andersson](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@Lars\_Andersson](https://forums.losant.com/u/Lars_Andersson)\
**Post date:** [June 18, 2020, 2:34pm UTC](https://forums.losant.com/t/dashboard-heatmap/3055/7 "2020-06-18T14:34:20Z")

</div>

It works in Vega Lites online editor, but not in the dashboard block

---

<div class="post-metadata">

**Author:** ![Lars\_Andersson](https://avatars.discourse-cdn.com/v4/letter/l/f05b48/32.png) [@Lars\_Andersson](https://forums.losant.com/u/Lars_Andersson)\
**Post date:** [June 18, 2020, 2:51pm UTC](https://forums.losant.com/t/dashboard-heatmap/3055/8 "2020-06-18T14:51:32Z")

</div>

Found the problem, I had spelled Xaxis info with 3 s in Pressure