# Kibana traffic light

**URL:** <https://discuss.elastic.co/t/kibana-traffic-light/130425>\
**Category:** Kibana\
**Created:** [May 3, 2018, 10:22am UTC](https://discuss.elastic.co/t/kibana-traffic-light/130425 "2018-05-03T10:22:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![RdrgPorto](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rdrgporto/32/13278_2.png) [@RdrgPorto](https://discuss.elastic.co/u/RdrgPorto)\
**Post date:** [May 3, 2018, 10:22am UTC](https://discuss.elastic.co/t/kibana-traffic-light/130425/1 "2018-05-03T10:22:52Z")

</div>

Hi everyone,

I'm trying to create a **traffic light display** on **Kibana**. I found a project on **Github** ( [Link](https://github.com/sbeyn/kibana-plugin-traffic-sg) ), however I would like to know if there is a way to do it without installing it. For instance, if we have a **switch** that returns the **value 0** if it is **down** , what could we do on **Kibana**?

I have also been working with **mustache syntax** (markdown visualize) so that from a certain value it shows me a signal (like **Up** or **Down** ), nevertheless, I was not able to do so.

Thanks in advance,

Regards 🖖

---

<div class="post-metadata">

**Author:** ![Marius\_Dragomir](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marius_dragomir/32/42087_2.png) [@Marius\_Dragomir](https://discuss.elastic.co/u/Marius_Dragomir)\
**Post date:** [May 3, 2018, 5:04pm UTC](https://discuss.elastic.co/t/kibana-traffic-light/130425/2 "2018-05-03T17:04:36Z")

</div>

You can do something that achieves a similar result as the traffic light, by using just a simple Metric visualization.  
Create it, make it display the value that you want to determine the "traffic light" colors on and then you can go to the Options tab and configure it like this.

 ![traffic_light](https://us1.discourse-cdn.com/elastic/original/3X/0/6/069c72e2500d7f17e68f53974841825b7a731e7a.png)

Important options for your use case here:  
`Ranges`: Here you define the ranges in which the colors will change. In my example I set them so that the current value for my metric fits in the Yellow color.  
`Color Schema`: Choose what color schema fits your use case. If large values are bad values, go for Green to Red  
But if low values are bad, select the `Reverse Color Schema` checkbox.  
As for `Style`, you can set to have the background colored or the text colored, whichever fits your use case better, I recommend Background for a White Theme dashboard and Text for a Dark Theme dashboard.

---

<div class="post-metadata">

**Author:** ![RdrgPorto](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rdrgporto/32/13278_2.png) [@RdrgPorto](https://discuss.elastic.co/u/RdrgPorto)\
**Post date:** [May 3, 2018, 6:18pm UTC](https://discuss.elastic.co/t/kibana-traffic-light/130425/3 "2018-05-03T18:18:14Z")

</div>

Hi Marius,

Thank you very much,

Regards

---

<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:** [May 31, 2018, 6:18pm UTC](https://discuss.elastic.co/t/kibana-traffic-light/130425/4 "2018-05-31T18:18:15Z")

</div>

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