Adding interactivity

If you completed the Visualizing your data section, you should now have a dashboard with a few visualizations showing Austin 311 Calls data. My dashboard currently looks like this:

Now it's time to add interactivity so that users can filter visualizations on a single click, configure drill-downs, and more. For that, we add the Interaction Manager component by selecting Interaction Manager on the top right section of the dashboard page.

Resize the Interaction Manager (IM) as needed to fit your other widgets. Now you can single-click on visualizations to add filters. For example, let's select LAMAR street on the Top Streets bar chart. You should see your dashboard similar to this one:

You also can edit the IM widget to add drill hierarchies and filter rules. When opening the editor, you will see a template with commented-out code to help you get started. Please refer to the Interaction Manager documentation for additional details, specifically the Filter Rules, Drill Hierarchy, and Skins section if you'd like to change its look and feel.

Slicing data

Now, let's slice the data by ouncil District Codes 3, 4, and 5. We will do this by using the Slicer component. Add it as any other visualization and configure its group-by attribute and metric using the chart editor. Once configured, you can select the district codes as shown below. You can also use the Command key (Mac) or Ctrl key (Windows) and the Shift key to select a block of rows at the same time.

Refer to the Slicer documentation for detailed information about this component.