# Kibana Background/Area conditional formating

**URL:** <https://discuss.elastic.co/t/kibana-background-area-conditional-formating/183688>\
**Category:** Kibana\
**Created:** [May 31, 2019, 9:08am UTC](https://discuss.elastic.co/t/kibana-background-area-conditional-formating/183688 "2019-05-31T09:08:17Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![saif3r](https://avatars.discourse-cdn.com/v4/letter/s/49beb7/32.png) [@saif3r](https://discuss.elastic.co/u/saif3r)\
**Post date:** [May 31, 2019, 9:08am UTC](https://discuss.elastic.co/t/kibana-background-area-conditional-formating/183688/1 "2019-05-31T09:08:17Z")

</div>

Hello All,

I'm looking for a way to visualize status by color on my Dashboard. I have a scripted field that simply calculates the gap between my target and the actual score. The output of this calculation fits into one of two possible buckets:

from -999 to -1: Not in Target (Red)  
from 0 to 999: In Target (Green)

The desired outcome visualization, would be a block of color depending on above calculation which later will be placed in the dashboard. Something like this:

 ![Kibana](https://us1.discourse-cdn.com/elastic/original/3X/7/0/704469b65b7e498ac4c64dc7327df808b3693282.png)  
(The above red block has been done using Visual Builder - Markdown with Red set as background color).

Is that something I can do within Dashboard and not Canvas?  
Thank you.

---

<div class="post-metadata">

**Author:** ![christophilus](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/christophilus/32/42991_2.png) [@christophilus](https://discuss.elastic.co/u/christophilus)\
**Post date:** [June 4, 2019, 5:50pm UTC](https://discuss.elastic.co/t/kibana-background-area-conditional-formating/183688/2 "2019-06-04T17:50:05Z")

</div>

It's not currently supported outside of Canvas, but there is an issue here:

> <https://github.com/elastic/kibana/issues/4482>

You could probably put something together in Vega, but that's a beta feature, and one I'm not as familiar with as I probably should be!

---

<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:** [July 2, 2019, 5:50pm UTC](https://discuss.elastic.co/t/kibana-background-area-conditional-formating/183688/3 "2019-07-02T17:50:12Z")

</div>

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