Tips/Tricks
Here you will find useful ways of working with the template files and tips for creating interactive dashboards in Tableau. This section will be added to periodically, so check back for the latest content!
Using the Delish templates
- Workbook filters: these control content across multiple pages. Generally, anything in the same nested navigation group is affected by these filters.
- Page filters: these control any content on the current page being viewed.
- Chart filters: these filters only impact dashboard elements on a particular chart/section of a dashboard. These are generally face up, but can be hidden elements.
Filter worksheets allow you to manage all your filters from one place, and more easily create interactions on your dashboard
- Create a worksheet that contains all your filters
- To control what worksheets are impacted by a filter, right click on the filter and select “Apply to Worksheets” and choose specific worksheets of everything in your workbook
- Add the worksheet to your dashboard. This worksheet will be floating
- Add all your filters and parameters from this worksheet
- Adjust the size of the worksheet to be 10x10. Put the worksheet off in the corner of the dashboard. Users will not interact with this worksheet so you will want it out of the way
When using hidden page filters you will need to add a filter summary so the user is aware of what filters have been applied in the view. Follow these steps:
- Create a blank worksheet that includes all filters. If you have already created a filters worksheet (in the previous step) use that worksheet
- Right click the worksheet and select show caption. Edit the caption to be most readable for your user
- Use a floating container and add a blank element before adding a worksheet or other element. Sometimes it is easier to add a worksheet when there are additional elements in the container.
- Double click on the top handle of a worksheet/dashboard object to control the higher level container | View how
- When adding chart elements (legends, filters, parameter) to a view they can often get dumped into the Workbook filters pane or in a hidden container. Open hidden page elements (workbook filters, page filers, navigation) to locate hidden objects | View how
- You can duplicate empty dashboard containers, making build out easier. Delete charts, copy empty container, undo, paste your new container | View how
- Hold Shift while moving a worksheet over a container, let go of shift to put the object in the container | View how
Use dynamic zone visibility to conditionally hide content (filters, images, worksheets, navigation objects, entire layout containers) from a page
- Create a parameter driven boolean calculation
- In your dashboard, select the worksheet or page element you want to hide and select the calculation using the “Control visibility using value” option. Troubleshoot with content on this page: https://help.tableau.com/current/online/en-us/dynamic_zone_visibility.htm
- Make sure your Tableau Desktop version is up to date to include this feature.
- Tutorials:
This process allows you to add or change color palettes, including categorical, sequential, or diverging color palettes.
- Go to finder > Documents > My Tableau Repository > Open Preferences.tps in a text/code editor or IDE (this is an XML document and does not open in Tableau)
- Add or change custom color palettes by coding in new hex codes
- Tutorial: https://www.youtube.com/watch?v=l9PXfF_gXZY
Tableau uses “points” for fonts, while Figma uses pixels. You will need to convert the fonts when building out a dashboard to match your designs.
- In Tableau, chart elements are 9, larger chart elements are 11, chart titles are 15
- Convert your Figma to Tableau text using this: https://simplecss.eu/pxtoems.html
- Uncheck “Show sheets as tabs.” This will allow you to have dashboards of different heights
- Check “Include external files.” This ensures that all the button images (eg Navigation, Workbook Filters) will publish with the workbook
Building charts in Tableau
Adding a space between grouped bar charts makes them much easier to read and understand. Follow these steps:
- If using multiple measures
- Build out your bar chart using the “Measure Values” and “Measure Names” fields
- Add a new measure of MIN(NULL) - you can also use MIN(0), but NULL allows you to add Measure Values to labels without needing to create a separate calculation. Bring the desired measure into the view
- If using a single measure
- Create your axis, go to analysis > add subtotals
- Click on subtotal bar and select hide
- Format the subtotal and edit the title to be blank
- You may need to create a separate axis label to align the dimension names with the bars
This method allows you to change the worksheet in view
- Create a parameter (it is easiest to use an integer or a float here) and add the required options for your selector and appropriate labels (eg “Bar Chart”, “Line Chart)
- Create a boolean calculation for the parameter using just the parameter field. Add the calculation to the filter shelf
- Edit the filter custom values and allow for only the specific parameter selection. Do this for each worksheet. You can test if these are working as the worksheet will disappear if you select different chart types: the “Bar Chart” worksheet disappears when you have “Line Chart” selected
- Add the worksheets to your dashboard in a layout container. Remove title and any padding. They will automatically fill the container when selected
- Tutorials
This formatting option allows you to insert unicode characters into negative/positive values. This makes KPI card labels easier to build
- Select your measure and choose Format > Custom
- The formatting syntax is separated by semicolons showing: positive numbers “;” negative numbers “;” null values. For showing percent change use this custom formatting: "▲ "##.#%;"▼ "##.#%
- View how
- Resources
- Tutorials: https://www.youtube.com/watch?v=rIvsVKQpB4c
- Unicode characters: https://jrgraphix.net/r/Unicode/
- Article: https://datavis.blog/2022/07/31/tableau-custom-number-formatting/
You can use a parameter to change the measures or dimensions used in a visual. This gives the user the ability to control the details or aggregations of a visual.
- Create a parameter with display values of the specific measures you want in the view
- Write a CASE statement calling the specific measures/dimensions you want in your view. This can also be written to control the granularity used in a view
- Use the CASE statement as the measure of your view
- Tutorial: https://help.tableau.com/current/pro/desktop/en-us/parameters_swap.htm
You can allow your user to set aggregations of a field by combining two or more parameters in a field
- Create two or more parameters that a user would select to create a custom dimension
- Write a case statement setting the values for each of the parameters
This dashboard feature allows you to generate text summarizing a chart or element of a dashboard
- Add a “Data Story” dashboard object. Select the worksheet you want summarized.
- Consider building a sheet specifically for feeding into the Data Story, which will make the summarizing process simpler.
- Follow the formatting preferences: View image
- Use the “edit” option to remove content you don’t want
- Keep this text simple and limited to only a few points or descriptions. Try to prevent any horizontal scrolling behavior
If you have a large number of filters you can hide them behind a chart using the show/hide button
- Add a layout container to the dashboard. Add the filters to the layout container.
- Select “add show/hide button” from the worksheet selector. You can use these button images or write a text button
- Buttons to potentially add: more filters, info, red green icons… ask designers?
- Place the filters into a vertical container and put it next to the chart it will control
- Place the button next to the chart, also in a layout container
The option of reference or average lines allows you to add a label to your bars different from labels pane. This can be useful for the following reasons:
- You can add a “total” amount to stacked bar charts
- You can add a dimension label to a part of the bar chart and add a measure label along with it.
Any fonts available in your Font Book (repository of local fonts) can be accessed in Tableau. To add them:
- If you are on a PC, Segoe UI fonts will come preloaded on your computer and you can skip this step. If you want to check the fonts on your machine go to Settings > Personalization > Fonts > Look for “Segoe UI”
- If you are on a Mac, you need to add these 3 font files to your Font Book. This will allow you to access Segoe UI, Segoe Semibold, Segoe Light
- Download the 3 .otf files
- Drag the font files into your Font Book | View how
- If you are a dashboard viewer/user on a Mac you will need to have Segoe UI on your machine to ensure all fonts are rendering correctly.
- Download this Segoe UI font and add it to your Font Book
As a default, Tableau highlights all measure columns in a table along a single measure. To limit this behavior, do the following:
- Add “Measure Values” to the color shelf. Right click the pill and select “Use Separate Legends”. This will break each column to be colored separately
- If you don’t want a column colored, select and edit the legend. Choose custom diverging, select only 2 steps, add #FFFFFF for each side of the color range
- View how
You can add multiple dimensions to the color shelf by dragging the dimension to “Detail” and then changing it over to “Color.” Make sure your second dimension is simple (eg a in/out set, or a boolean statement)
Tutorial: https://www.youtube.com/watch?v=y34q0RrheSk
While making a scatter or dot plot, controlling the transparency allows the user to see overlapping data points but when semitransparent it can be difficult to see marks on the chart. Use a dual axis chart with shapes to highlight a particular mark or group of marks
- Create a dual axis chart
- Have one of the measures show all dimensions you want to view. Make this mark type a circle and lower the transparency of the circles
- Have the second measure show only highlighted or in-focus dimensions and NULL others. Do this by using a set, or creating a boolean parameter driven calculated field. Make the mark type a shape and drag your dimension to the shapes card
- Assign your shapes to have the in focus dimension show as the preferred shape and the non-focus shape be blank
Custom shapes allow you to plot different objects on a chart. To use shapes in your workbook follow these steps:
- Collect your shapes (Are there shapes we want to add in for Delish?)
- Open documents > My Tableau Repository > Shapes > Create a new folder > Add shapes
- You may need to “reload shapes” in the shapes mark assignment
You can use a control sheet to build out buttons in your workbook and control a parameter selection. Follow these steps:
- Create a parameter for the action you are wanting (eg changing a measure, navigating to a dashboard, toggling something into view)
- Create a boolean calculation of the parameter. This will be used to highlight the active parameter value in the button
- Create a control sheet of the parameter values and display values you want to show up on the button. This will be an excel file. Add the data source to your workbook
- Create a worksheet for this button group and bring the parameter values and display values into view. Hide the parameter values header so you can only see the display values
- Bring the boolean calculation your created onto the color shelf to highlight the active parameter value
- Bring the worksheet with the button group onto your dashboard and format
- In the dashboard, create a parameter action the uses the button group to control the parameter value
- Create a calculated field with any text in it (e.g. “dummy text”)
- In the dashboard, create a highlight action that only highlights the “dummy text” calculation
- Tutorial: https://www.youtube.com/watch?v=7wLrr_9JS1c
- Add the image to the dashboard. Dimensions: 1400 x 650
- Add a show/hide button and bring it to the top navigation bar. Use these image buttons and bring padding to 0.
- Add a space between the button and Navigation to center the buttons. The space should be 475px wide.
- Have the image open as default when publishing. When closed, the button should appear as blank.
- View How
View info banner and button images