# Elastic Dashboard

**URL:** <https://discuss.elastic.co/t/elastic-dashboard/370316>\
**Category:** Kibana\
**Tags:** elastic-stack-monitoring, dashboard\
**Created:** [November 11, 2024, 1:14pm UTC](https://discuss.elastic.co/t/elastic-dashboard/370316 "2024-11-11T13:14:55Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rafael\_Vitor](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rafael_vitor/32/139097_2.png) [@Rafael\_Vitor](https://discuss.elastic.co/u/Rafael_Vitor)\
**Post date:** [November 11, 2024, 1:14pm UTC](https://discuss.elastic.co/t/elastic-dashboard/370316/1 "2024-11-11T13:14:55Z")

</div>

I need to create a custom dashboard, I would like to do something within ELK like the image below.

 ![dash](https://us1.discourse-cdn.com/elastic/original/3X/3/0/3020a94e85bd6c73d1f6356bd5fbb2ab1c4b6299.png)

---

<div class="post-metadata">

**Author:** ![carly.richmond](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/carly.richmond/32/104935_2.png) [@carly.richmond](https://discuss.elastic.co/u/carly.richmond)\
**Post date:** [November 11, 2024, 1:46pm UTC](https://discuss.elastic.co/t/elastic-dashboard/370316/2 "2024-11-11T13:46:30Z")

</div>

Hi @Rafael_Vitor ,

Welcome! Which version of Kibana are you using?

It's difficult to give more guidance without an idea of your data. However, in 8.15 you can use a circular gauge visualization to achieve this view, with a donut being an alternative in earlier versions:

 ![Screenshot 2024-11-11 at 13.41.32](https://us1.discourse-cdn.com/elastic/original/3X/d/e/deafa0583abaa6a15857bb732f933e3e315c4764.png)

For time series data you could also take a look at using a gauge control, setting the style to circle in a TSDB visualization:

 ![Screenshot 2024-11-11 at 13.45.32](https://us1.discourse-cdn.com/elastic/original/3X/f/1/f153e8cd9be618b0080fed5ce4ab7f89ef53df74.png)

Both controls can be added in a dashboard.

Hope that helps!

---

<div class="post-metadata">

**Author:** ![Rafael\_Vitor](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rafael_vitor/32/139097_2.png) [@Rafael\_Vitor](https://discuss.elastic.co/u/Rafael_Vitor)\
**Post date:** [November 11, 2024, 4:30pm UTC](https://discuss.elastic.co/t/elastic-dashboard/370316/3 "2024-11-11T16:30:51Z")

</div>

And how can I create "classes" for all vulnerabilities as critical in one place and so on for everything else?

My version: 7.17.25

---

<div class="post-metadata">

**Author:** ![carly.richmond](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/carly.richmond/32/104935_2.png) [@carly.richmond](https://discuss.elastic.co/u/carly.richmond)\
**Post date:** [November 11, 2024, 4:43pm UTC](https://discuss.elastic.co/t/elastic-dashboard/370316/4 "2024-11-11T16:43:17Z")

</div>

It really depends on what you're data looks like as the "classes" would need to be driven by either a field already in your data, or one that you generate based on some logic. The latter option is possible in a few ways.

Can you share what the data looks like that you're trying to visualize.

---

<div class="post-metadata">

**Author:** ![Rafael\_Vitor](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rafael_vitor/32/139097_2.png) [@Rafael\_Vitor](https://discuss.elastic.co/u/Rafael_Vitor)\
**Post date:** [November 11, 2024, 4:59pm UTC](https://discuss.elastic.co/t/elastic-dashboard/370316/5 "2024-11-11T16:59:13Z")

</div>

There is a print to illustrate it:

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/e/d/edca2bb34db4e83d23b4d9b73b45fa5a85bd9efc.png)

---

<div class="post-metadata">

**Author:** ![Tortoise](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tortoise/32/147587_2.png) [@Tortoise](https://discuss.elastic.co/u/Tortoise)\
**Post date:** [November 11, 2024, 6:22pm UTC](https://discuss.elastic.co/t/elastic-dashboard/370316/6 "2024-11-11T18:22:53Z")

</div>

I believe you can you Canvas to create above object

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/1/c/1cc2b209d142255b76f40fa6cf27568927190821.png)

---

<div class="post-metadata">

**Author:** ![Rafael\_Vitor](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rafael_vitor/32/139097_2.png) [@Rafael\_Vitor](https://discuss.elastic.co/u/Rafael_Vitor)\
**Post date:** [November 11, 2024, 7:40pm UTC](https://discuss.elastic.co/t/elastic-dashboard/370316/7 "2024-11-11T19:40:18Z")

</div>

How could I pull the data I receive into Canva?

---

<div class="post-metadata">

**Author:** ![carly.richmond](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/carly.richmond/32/104935_2.png) [@carly.richmond](https://discuss.elastic.co/u/carly.richmond)\
**Post date:** [November 12, 2024, 2:02pm UTC](https://discuss.elastic.co/t/elastic-dashboard/370316/8 "2024-11-12T14:02:06Z")

</div>

@Rafael_Vitor I assume that data is in an index? Once you've created that data view you can configure the control in Canva or a dashboard visualization based on a count of the `cve_severity` field provided that is of type `keyword`.

---

<div class="post-metadata">

**Author:** ![Rafael\_Vitor](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rafael_vitor/32/139097_2.png) [@Rafael\_Vitor](https://discuss.elastic.co/u/Rafael_Vitor)\
**Post date:** [November 12, 2024, 3:50pm UTC](https://discuss.elastic.co/t/elastic-dashboard/370316/9 "2024-11-12T15:50:38Z")

</div>

![fsdfsdfsdffsfd](https://us1.discourse-cdn.com/elastic/original/3X/6/1/61795191fb0ca5b72a443c74ab1b6b0971472f8b.png)

I managed to simplify a bit of what I wanted to do, I just need to understand now how I'm going to put the number of dice in the correct rank. Example: critical x | high x etc...

---

<div class="post-metadata">

**Author:** ![carly.richmond](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/carly.richmond/32/104935_2.png) [@carly.richmond](https://discuss.elastic.co/u/carly.richmond)\
**Post date:** [November 12, 2024, 4:36pm UTC](https://discuss.elastic.co/t/elastic-dashboard/370316/10 "2024-11-12T16:36:15Z")

</div>

Can you share your control configuration?

---

<div class="post-metadata">

**Author:** ![Rafael\_Vitor](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rafael_vitor/32/139097_2.png) [@Rafael\_Vitor](https://discuss.elastic.co/u/Rafael_Vitor)\
**Post date:** [November 12, 2024, 5:12pm UTC](https://discuss.elastic.co/t/elastic-dashboard/370316/11 "2024-11-12T17:12:32Z")

</div>

I don't know where this is. How can I do this?

---

<div class="post-metadata">

**Author:** ![carly.richmond](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/carly.richmond/32/104935_2.png) [@carly.richmond](https://discuss.elastic.co/u/carly.richmond)\
**Post date:** [November 14, 2024, 11:07am UTC](https://discuss.elastic.co/t/elastic-dashboard/370316/12 "2024-11-14T11:07:40Z")

</div>

@Rafael_Vitor, by configuration I mean the settings you have specified in Kibana to create the control on the right hand side of the view (assuming lens):

 ![Screenshot 2024-11-14 at 10.56.09](https://us1.discourse-cdn.com/elastic/original/3X/9/1/91b9040715a602086ba9e5232bf603a4e092d5b2.png)

So by "number of dice" what do you mean? The number of records for which that classification appears rather than the percentage? If so, i the labels option on the left you can specify "show value" instead of "show percentage" to do what you need:

 ![Screenshot 2024-11-14 at 11.03.30](https://us1.discourse-cdn.com/elastic/original/3X/7/d/7d02740412d37d3184afd873d3703264a35bdbd6.png)

Hope that helps!
