# Help with making a heatmap

**URL:** <https://discuss.elastic.co/t/help-with-making-a-heatmap/149928>\
**Category:** Kibana\
**Created:** [September 26, 2018, 5:43am UTC](https://discuss.elastic.co/t/help-with-making-a-heatmap/149928 "2018-09-26T05:43:24Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![exwizzard](https://avatars.discourse-cdn.com/v4/letter/e/c67d28/32.png) [@exwizzard](https://discuss.elastic.co/u/exwizzard)\
**Post date:** [September 26, 2018, 5:43am UTC](https://discuss.elastic.co/t/help-with-making-a-heatmap/149928/1 "2018-09-26T05:43:24Z")

</div>

I want to make a heatmap that tracks the user sessions as described on this page:

[http://www.dartistics.com/example5.html](http://www.dartistics.com/example5.html)

I want to mimic the heatmap from that example.

How exactly do I make a similar heatmap on Kibana? When I search for a log line of "user logged in". I get a count but I cant seem to group this count like the example. Here is what I get:  
[![](https://i.imgur.com/ZUkWrUF.png) ](https://i.imgur.com/ZUkWrUF.png)

---

<div class="post-metadata">

**Author:** ![cjcenizal](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/cjcenizal/32/11216_2.png) [@cjcenizal](https://discuss.elastic.co/u/cjcenizal)\
**Post date:** [September 26, 2018, 6:35pm UTC](https://discuss.elastic.co/t/help-with-making-a-heatmap/149928/2 "2018-09-26T18:35:10Z")

</div>

Hi there, I've put together a small demo using our sample data:

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/3/8/38ba5302936fd64e02551d1ea5d9c79d6751e36b.png)

In this example, I used the `hour_of_day` field to create Histogram bucket for the X-Axis. If this field isn't available in your data, you could look into creating a [scripted field](https://www.elastic.co/guide/en/kibana/current/scripted-fields.html) to extract the hour data from your time field.

Does this help?

Thanks,  
CJ

---

<div class="post-metadata">

**Author:** ![exwizzard](https://avatars.discourse-cdn.com/v4/letter/e/c67d28/32.png) [@exwizzard](https://discuss.elastic.co/u/exwizzard)\
**Post date:** [September 27, 2018, 12:27am UTC](https://discuss.elastic.co/t/help-with-making-a-heatmap/149928/3 "2018-09-27T00:27:17Z")

</div>

That helped thanks, there is only one small issue where the Y axis is not sorted by the day like in your example image:

 ![](https://i.fmc.pw/8yhXke.png)

---

<div class="post-metadata">

**Author:** ![cjcenizal](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/cjcenizal/32/11216_2.png) [@cjcenizal](https://discuss.elastic.co/u/cjcenizal)\
**Post date:** [September 27, 2018, 3:41pm UTC](https://discuss.elastic.co/t/help-with-making-a-heatmap/149928/4 "2018-09-27T15:41:29Z")

</div>

I'm not 100% sure of why you're getting these results, but it's possible this is due to a bug that will fixed in the 6.5 release: [https://github.com/elastic/kibana/issues/22918](https://github.com/elastic/kibana/issues/22918)

---

<div class="post-metadata">

**Author:** ![exwizzard](https://avatars.discourse-cdn.com/v4/letter/e/c67d28/32.png) [@exwizzard](https://discuss.elastic.co/u/exwizzard)\
**Post date:** [September 27, 2018, 8:40pm UTC](https://discuss.elastic.co/t/help-with-making-a-heatmap/149928/5 "2018-09-27T20:40:58Z")

</div>

Yeah sorting it will most likely fix it, thanks for the help and I have marked your answer as the solution.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [October 25, 2018, 8:41pm UTC](https://discuss.elastic.co/t/help-with-making-a-heatmap/149928/6 "2018-10-25T20:41:10Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.