> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/bdb-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bdb.ai/bdb-documentation/data-visualization/governed-dashboards/configuration/filtering-the-data.md).

# Filtering the Data

* Navigate to the Designer Canvas page.
* Drag a chart together with a filter component to the canvas.

![](/files/l6O2N0mtTDP9Fkx2mc9g)

* Create two data connections.      

![](/files/dG13QUw4KrO6Gzb2kgaW)

* Associate one data connection with the chart and the other with the filter.

![](/files/fIovW9ypYlXRm2cyDXZH)

![](/files/PlOPyfvej8ChVSbyyy37)

* Add a filter parameter to the chart connection condition.

![](/files/WWtswdzThZhl7MFSO4B2)

* Navigate to the ***Script on load*** page of the filter component.
* Add the sdk.reload( \[ 'ConnectionID\_1' ] ); to filter the chart data.

![](/files/0tTE3YAHdk1VJQB9bRYc)

{% hint style="info" %} <mark style="color:green;">Please Note</mark>: The *ConnectionID\_1* should be chart connection.
{% endhint %}