Interactive filters are a great way to allow your report users to explore and answer questions on their own. How does my campaign perform on mobile? Can I see the conversion rate from paid search? What volume of sales is from returning customers? Rather than creating different pages and charts for every possible permutation, filters allow your reports and dashboards to be much more dynamic and effective.
In Data Studio, you can add interactive filter controls for just about any dimension in your data source. Controls come in several different types, providing flexibility for a variety of filtering use cases. However, just looking at the list of available controls, it may not be obvious when you should use each type. Input box? Advanced filter? Slider? In this post, we will take you through each type of control and demonstrate how to use it as a filter in Data Studio.
Adding a Filter Control to Your Report
- Click to “Add a control” from the toolbar.
- Select the desired type of control. Then add the control by clicking on your report canvas.
- In the properties panel, select the dimension that you wish to filter on as the Control field.
- Configure other data and style options as desired in the properties panel.
Types of Filter Controls
Let’s go through each type of filter control and demonstrate a potential use case. Click through each image or link below to view the interactive report in Data Studio:
A drop-down list is probably the most commonly-used type of filter control. As the name suggests, it creates a drop-down menu of values for a selected dimension. A drop-down list control allows multiple selections by default, but can be configured as single-select. Here’s an example with multiple drop-down filters:
A fixed-size list control is a variation of the drop-down list. Instead of being collapsed into a drop-down menu, all the dimensions values are shown as an expanded list. Here’s an example with 2 fixed-size filters, where the first is set as single-select:
The input box is essentially a search box. A user can enter a value into the text field to filter the report. When you configure the input box, you can set the search type as Equals, Contains, Starts with, In, or Regex. In this example, the input control allows you to filter a Page table with a “contains” match, similar to how you may filter your All Pages report in Google Analytics:
The advanced filter control works the same way as the input box, except the user can choose the match type themselves:
Slider controls can be used to filter a report based on a numeric dimension. The slider lets the user choose the range of values to include in the report. In this example, we use Days to Transaction and Count of Sessions as filters on a table of ecommerce data:
Checkbox controls can be used to filter on a boolean dimension. This control acts like a switch and is best used to toggle between two segments that do not overlap. That said, we had difficulty coming up with a common use case for this checkbox control as a filter. The drop-down and fixed-size list controls are generally better options when you want to have a checkbox for each value, even for boolean dimensions.
Here is a proof-of-concept example that uses a checkbox filter to show or hide a “last month” comparison. Rather than the native date range comparison, this report uses 2 separate charts so that the checkbox can filter the prior month chart.
How do you use filter controls in Data Studio? Do the available filter options meet your needs? Let us know in the comments below!
Complete list of posts in our 2020 Data Studio series:
1. Visualizing the COVID-19 Pandemic in Google Data Studio
2. Creating a Google Analytics Dashboard in One Click
3. Using Google Maps in Data Studio
4. Visualizing BigQuery Public Datasets in Data Studio
5. Measuring Web Vitals – Part 2: Monitoring in Data Studio
6. Using Parameters in Data Studio
7. How to Style Links in Data Studio
8. Using Filter Controls in Data Studio (this post)
9. Extracting a Theme from an Image in Data Studio
10. Building a Google Analytics 4 Dashboard in Data Studio
11. How to Convert Text to Dates in Google Data Studio
12. 12 Tips for Enhancing Your Tables in Data Studio
Thank you for writing this article. I’m very interested to know how did you manage to use the input box to search the page column without any effect on the case sensitivity.
Please help to enlighten me on that.
Hi Dean, thank you for your question! For the input box, we set the search type to “Contains” which is not case sensitive by default. Let us know if you have any further questions!
hello, I put the option in “contains” but it doesn’t work on the case sensitivity.
Hi Manoel! Can you clarify whether you want the input box to be case sensitive or insensitive? If you want it to be case insensitive “Contains” should work. If you want it to be case sensitive, change it to “Equals”. Hope this helps!
How can I see more than 50,000 items in a dropdown control field?
Unfortunately there is no way to see more than 50,000 items in a dropdown as this is the maximum.
How did you remove the “type to search” box from the Fixed Sized list control. ?
Hi Luisa, when you navigate to the Style panel of the Fixed-sized list there is a check box that says “Enable search box”. Unchecking that will remove the “type to search” box. Hope this helps!
i have a list box (uses a formala for the control field, the table data in the page also uses the same dimension (formula) , but when selecting from the list box, the data in the table is not filtered
Thanks for reaching out to us!
If I understand your intention correctly, you want to use either the dropdown list control type or the input box control to filter your chart?
If this is correct you may want to check and confirm that your controls are using the same data source as your table.
Another trick you can try is grouping your control filter with your chart.
If none of the above works and your chart is still not being filtered out correctly then use the Data Studio Help: Filters page to help troubleshoot the problem further.
Hope this helps answer your question.
How do I lock the control so that the report opens on for everyone on the selection I have preset? For example I have a country selector and I want it to always show the UK for the first report, and the US for the second. I’m using drop down controls.
Thanks for reaching out!
Please navigate to the filter’s setup panel and you can find an input box named “Default selection” just under the “Control field” selector.
In there you can type in the default value(s) of your choice, separated by commas.
Example: “United States, Canada”
Hope that helps!
Ah I can see that field – thank you so much!
You’re very welcome Claire! Glad we could help.
Hi, in the Drop-Down List how did you make the font size larger. Every time I add a new control with a Drop-Down List I can change the mai(Showing) font size but can’t find anywhere to increase the font size of the data that gets shown in the list. Any help would be awesome!
Hi Josh, thanks for reaching out!
Unfortunately, there is no way to change the font-size of the values in a drop-down list currently. We can only change the font-size of the main title like you described.