# Filter(dropdown) at individual visualization using Vega-lite

**URL:** <https://discuss.elastic.co/t/filter-dropdown-at-individual-visualization-using-vega-lite/278376>\
**Category:** Kibana\
**Tags:** vega\
**Created:** [July 12, 2021, 5:31am UTC](https://discuss.elastic.co/t/filter-dropdown-at-individual-visualization-using-vega-lite/278376 "2021-07-12T05:31:19Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![soviek](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/soviek/32/91491_2.png) [@soviek](https://discuss.elastic.co/u/soviek)\
**Post date:** [July 12, 2021, 5:31am UTC](https://discuss.elastic.co/t/filter-dropdown-at-individual-visualization-using-vega-lite/278376/1 "2021-07-12T05:31:19Z")

</div>

How to create filter or dropdown at individual visualization level using Vega-lite.  
Our current Elasticsearch and Kibana version is 7.9.3.  
We are aware of Kibana's Control-Visualization at Dashboard level. But wanted to create extra filter at individual visualization level.

---

<div class="post-metadata">

**Author:** ![wylie](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/wylie/32/81794_2.png) [@wylie](https://discuss.elastic.co/u/wylie)\
**Post date:** [July 12, 2021, 6:32pm UTC](https://discuss.elastic.co/t/filter-dropdown-at-individual-visualization-using-vega-lite/278376/2 "2021-07-12T18:32:23Z")

</div>

In general, this won't be possible for two reasons:

- The way that Kibana's Vega parser works doesn't support dynamic ES queries. This is documented as one of the main limitations in the [Kibana Vega reference](https://www.elastic.co/guide/en/kibana/7.9/vega-reference.html#vega-queries).
- In Kibana 7.9.3, Vega was at 5.13 and Vega-Lite was at 4.13- Vega-Lite only started supporting interactive controls in 5, which we started using in Kibana 7.13.

There is a **limited workaround** that might work if you can **apply your filter criteria using Vega instead of Elasticsearch** , and if you are able to convert to Vega.

---

<div class="post-metadata">

**Author:** ![soviek](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/soviek/32/91491_2.png) [@soviek](https://discuss.elastic.co/u/soviek)\
**Post date:** [July 13, 2021, 9:08am UTC](https://discuss.elastic.co/t/filter-dropdown-at-individual-visualization-using-vega-lite/278376/3 "2021-07-13T09:08:14Z")

</div>

Thanks Wylie, for your quick response. We have installed 7.13 in one of the instance. We will try it.  
Is there any guide or article to go through. Or vega-lite guide is enough?

---

<div class="post-metadata">

**Author:** ![wylie](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/wylie/32/81794_2.png) [@wylie](https://discuss.elastic.co/u/wylie)\
**Post date:** [July 13, 2021, 2:23pm UTC](https://discuss.elastic.co/t/filter-dropdown-at-individual-visualization-using-vega-lite/278376/4 "2021-07-13T14:23:04Z")

</div>

Like I said, I think that you are asking for something that can't be done **unless you are able to able define your filter criteria using Vega**. The relevant section of the Vega-Lite docs (for Vega-Lite 5) is [binding parameters](https://vega.github.io/vega-lite/docs/bind.html) and the Vega docs also explain [binding](https://vega.github.io/vega/docs/signals/#bind).

---

<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:** [August 10, 2021, 2:23pm UTC](https://discuss.elastic.co/t/filter-dropdown-at-individual-visualization-using-vega-lite/278376/5 "2021-08-10T14:23:26Z")

</div>

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