# Heat-map tool

**URL:** <https://community.glideapps.com/t/heat-map-tool/79425>\
**Category:** Ask for Help\
**Created:** [January 23, 2025, 1:15am UTC](https://community.glideapps.com/t/heat-map-tool/79425 "2025-01-23T01:15:40Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![dsamuilov](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dsamuilov/32/82762_2.png) [@dsamuilov](https://community.glideapps.com/u/dsamuilov)\
**Post date:** [January 23, 2025, 1:15am UTC](https://community.glideapps.com/t/heat-map-tool/79425/1 "2025-01-23T01:15:40Z")

</div>

I am looking to chart a heat map function for plotting coordinates on a selected area. Is there a heat map component I can use on one of my screens? if not, how do you recommend I should resolve this?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [January 23, 2025, 1:44pm UTC](https://community.glideapps.com/t/heat-map-tool/79425/2 "2025-01-23T13:44:59Z")

</div>

Nothing native. Can you explain your use case? My only suggestions at this point would be a custom AI component, or embedding a third party tool.

---

<div class="post-metadata">

**Author:** ![dsamuilov](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dsamuilov/32/82762_2.png) [@dsamuilov](https://community.glideapps.com/u/dsamuilov)\
**Post date:** [January 23, 2025, 4:42pm UTC](https://community.glideapps.com/t/heat-map-tool/79425/3 "2025-01-23T16:42:03Z")

</div>

Sure, my use case will be a number of location (lat, long, timestamp) and I want to place them over a heat map. Where there are more entries nearby each other the color would be plotted as hot (towards red) and where they are farther away, they would be plotted as cold (towards light blue).

This will show areas in the heat map with more entries warmer than others.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 24, 2025, 12:39am UTC](https://community.glideapps.com/t/heat-map-tool/79425/4 "2025-01-24T00:39:17Z")

</div>

> **[Make a heatmap with Mapbox GL JS | Help](https://docs.mapbox.com/help/tutorials/make-a-heatmap-with-mapbox-gl-js/)**
>
> Add a heatmap layer to visualize point density data with Mapbox GL JS.

I think this is a good match for your requirement.

You would have to construct the HTML for the map in a template column or a JS column, then use the result in a HTML to URL column.

Finally, try to show it on your screen using the Web Embed component.