How to add a filter or time slider to your Projection map

Our Projection map template lets you supply  multiple columns of data and choose between different controls: buttons, dropdowns, and time sliders. This is really useful if you'd like to give the user the option to shade by a few different columns of data, or to show how something developed over time in a geographical context.

Adding a filter or time slider to Regions

1

To add controls to regions in the projection map, start by uploading your data. To add a time slider or a filter, you should have several columns to color by. In our time slider example, we have a column of data for each week. Your Regions data sheet should look something like this:



2

In the Preview tab, go to the Controls settings and underneath the header Regions, select which control type you would like to use. 

Adding a filter or time slider to Points

1

To add controls to points in the projection map, start by uploading your data. Just like the Regions tab, to add a time slider or a filter, you should have several columns with values to color by. In this time slider example for our points, we have used a column for each year that we are visualizing. Your  Points data sheet should look something like this:



2

In the Preview tab, go to the Controls settings and underneath the header Points, select which control type you would like to use.

Customizing your filters

Both the regions and points have the same settings when it comes to customizing the appearance of the controls. Here are the different options you have in terms of customizing your chosen controls.

• Margin between your regions and points controls.
• Advanced (Adv.) settings such a Control title, dropdown width, and sorting options.
• Editing the Text size, Text weight and Height.
• Dropdown style where you can customize the background and text color, as well as the border of the dropdown box.
• Button style where you can change the colors of the background, selected button, hover color of the button, as well as text color, selected text color and the hover text color. Additionally, you can change the border styles of your buttons as well.
• When visualizing datasets with different magnitudes of data across the different columns, you might want to set the legend to update based on the current column instead of based on all columns. You can do this in the Points and Regions settings. This determines whether or not to update the default color scale when switching between Value columns. Note that any non-default scale settings (such as custom bin thresholds) will always apply across all columns.