3 Ways to Make Stunning Scatter Plots in Tableau

3 Ways to Make Stunning Scatter Plots in Tableau

3 Ways to Make Stunning Scatter Plots in Tableau FeatureWhen it comes to my favorite chart types, scatter plots are a close third behind bar charts and line graphs. In several industries, and especially scientific journals, scatter plots are the favorite choice because of their ability to reveal and communicate correlations. Another benefit of this chart type is it is one of the few visualizations that allow you to view many marks in a small space. No, you cannot analyze every individual mark because they will likely overlap, but scatter plots make it easy to identify outliers and the aforementioned correlations.

But wait – there’s more! Due to the way scatter plots are set up with a measure on each axis, adding reference lines for the average of each axis creates a natural four-quadrant segmentation. This is a great technique for isolating different groups so you can act on them individually.

This post will show you how to make scatter plots and take them to the next level in three ways. We’ll cover (1) a formatting trick to make your scatter plots stand out, (2) ideas for maximizing the data-ink ratio in the context of scatter plots, and (3) a calculated field that will automatically break your dimension members into four usable segments.

This is a preview of the 3 Ways to Make Stunning Scatter Plots in Tableau video at Playfair Data TV.

How to make a scatter plot in Tableau

Scatter plots are created with two to four measures, and zero or more dimensions. The first two measures form the y-axis and x-axis; then the third and/or fourth measures as well as dimensions can be used to add context to the marks. For all three of the following tips, we will start with this default scatter plot comparing profit ratio and sales by sub-category in the Sample – Superstore dataset.

Default Profit Ratio and Sales by Sub-Category Scatter Plot in Tableau

This chart was built by putting my dependent measure of Profit Ratio on the Rows Shelf to form the y-axis, and my explanatory measure of Sales on the Columns Shelf to form the x-axis. I then put the Sub-Category dimension on the Detail Marks Card to make my analysis more granular and changed the mark type from Shape to Circle.

Scatter plot is the default chart type when starting with two measures, so I could have started this chart by simply double-clicking on the Profit Ratio measure from the Measures area of the Data pane and then double-clicking on the Sales measure from the Measures area of the Data pane. Since it is best practice to put the dependent measure on the Y-axis, and the explanatory measure on the X-axis, Tableau will place the first measure you double-click onto to the Rows Shelf and second measure you double-click on the Columns Shelf.

You can immediately see a correlation showing that as profit ratio increases, sales tend to decrease, but we’re going to keep building on this scatter plot to make it more engaging and functional.

 

Tip 1 – A formatting trick for better mark borders

As mentioned in the introduction to this post, one of the benefits of scatter plots is that you can evaluate a lot of marks in a small space. However, this often creates overlapping marks. This is easy to alleviate by clicking on the Color Marks Card and reducing the opacity of the marks, but it doesn’t work great with mark borders. Borders are an effect on the Color Marks Card that I often like to add, but they do not inherit the opacity of the underlying mark and you can also only pick one color for all marks. The following trick allows you to control the marks and their borders independently, unlocking a great deal of formatting flexibility. To help demonstrate, I’ve added the Category dimension to the Color Marks Card of our default scatter plot and made the marks slightly larger.

Profit Ratio and Sales by Sub-Category and Colored by Segment Scatter Plot in Tableau

To format marks and their borders independently, place the dependent measure on the Rows Shelf next to itself a second time. This will create the same chart on two rows. Convert the two rows to a dual-axis scatter plot by clicking on the second occurrence of the measure on the Rows Shelf and clicking “Dual Axis”.

Creating a Dual-Axis Scatter Plot in Tableau

Lastly, ensure the dual axes are synchronized by right-clicking on either y-axis and choosing “Synchronize Axis”. Both scatter plots are now laying right on top of each other. What’s important here is now that we’ve added a second measure to one of the shelves, they each have their own set of Marks Cards which can be edited independently of each other. This means we can do things like reduce the opacity of the original marks and change the mark type of the second set of marks to Circle.

Check it out – borders that match the color of the underlying mark!

Scatter Plot with Border Colors Matching Mark Colors in Tableau

We obviously don’t need to see the second y-axis any more so you can hide that by right-clicking on it and deselecting “Show Header”.

 

Tip 2 – Maximize the Data-Ink Ratio

Many of my tips for improving the design of Tableau dashboards are related to Edward Tufte’s “Data-Ink Ratio”. One of the tenets of the data-ink ratio is that you should remove redundant data, which in my opinion, often shows up in the form of too many axis tick marks. This is easy to clean up in Tableau by right-clicking on an axis, choosing “Edit Axis…”, and making the “Fixed” selections on the “Tick Marks” tab.

Fixing Tick Marks of Profit Ratio Y-Axis in Tableau

Here’s how my scatter plot looks after fixing the tick marks of the y-axis at 10% increments and the x-axis at increments of $100,000.

Tableau Scatter Plot with Fixed Tick Marks

Beware that once you fix tick marks, they are truly fixed. This is okay for static charts or axis ranges that do not fluctuate much but can cause issues if the values on your axes vary widely.

In this case, fixing the tick marks improved the design of our chart, but with scatter plots, I like to take this concept a step further. First, I’ll remove all extra lines including borders and zero lines (optional depending on your analysis). You can do this by right-clicking any where on the chart, clicking “Format…”, and making your changes to the “Borders” and “Lines” tabs; these are the fourth and fifth icons at the top of the Formatting pane. Here’s how the scatter plot looks after changing the Row Dividers, Column Dividers, and Zero Lines to None.

Profit Ratio and Sales Scatter Plot without Borders or Zero Lines

Lastly, I’ll change the Formatting of the Grid Lines so they are dotted and have a heavier weight. Here’s how my final view looks after making this change and putting the fonts in brand.

Final Profit Ratio and Sales by Sub-Category and Category Scatter Plot in Tableau

Compare this version to the default scatter plot at the beginning of this post!

 

Tip 3 – Make the scatter plot functional with a segmentation calculated field

I mentioned in the post introduction that adding reference lines for the average of each axis creates a natural four-quadrant segmentation. Next, I will share a way to make that segmentation permanent through a calculated field. This will allow you to isolate the four segments so you can evaluate and act on them individually based on their behavior. To begin, I’ll add an average reference line to each axis by navigating to the Analytics pane (just to the right of the Data pane on the left) and dragging Average Line onto the view.

Adding Average Lines from the Analytics Pane to a Scatter Plot in Tableau

Depending on the number of axes on the view, dragging Average Line from the Analytics pane to the view can be a little confusing. This is because you must choose both the axis and the scope of the reference line. If you prefer, you can also add reference lines by simply right-clicking on each axis and choosing “Add Reference Line”.

Notice we now have four quadrants on the view. The top-left corner are the sub-categories with a high profit ratio and low sales; the top-right are those with a high profit ratio and high sales; the bottom-right are those with a low profit ratio and high sales; the bottom-left are those with both a low profit ratio and low sales. Depending on the dimension members in your analysis, you very likely may want to act on these four groups in different ways.

To isolate each group, you could select the dimension members in each quadrant by dragging a box around them and creating sets. A better method would be to write a calculated field to match the four-quadrant segmentation being shown, then place the calculated field on the Color Marks Card. This has several advantages including (1) makes it apparent to you and your end users what segmentation you’re evaluating (2) guarantees you are placing the correct dimension members into the correct sets (which can be difficult if some dimension members are close to the reference lines), and (3) provides a means for filtering for easier set creation.

As always, there is more than one way to accomplish the same objective in Tableau, but I think the easiest approach in this use case is to create a calculated field using the WINDOW_AVG table calculation. Here’s the formula for our four-quadrant segmentation:

IF [Profit Ratio] > WINDOW_AVG([Profit Ratio]) AND SUM([Sales]) < WINDOW_AVG(SUM([Sales])) THEN “High Profit Ratio & Low Sales”

ELSEIF [Profit Ratio] > WINDOW_AVG([Profit Ratio]) AND SUM([Sales]) > WINDOW_AVG(SUM([Sales])) THEN “High Profit Ratio & High Sales”

ELSEIF [Profit Ratio] < WINDOW_AVG([Profit Ratio]) AND SUM([Sales]) > WINDOW_AVG(SUM([Sales])) THEN “Low Profit Ratio & High Sales”

ELSE “Low Profit Ratio & Low Sales”

END

Segmentation Table Calculated Field in Tableau

You could also use this calculation to parameterize the measures being used and/or give the segments aliases that are relevant to your business (i.e. rising stars, cash cows, dogs, etc.).

Once you’ve got the calculation, place it on the Color Marks Card.

Tableau Scatter Plot with Segmentation Calculated Field at Default Addressing

As you can see, so far all the marks have the same color. This is because, by default, table calculations (including WINDOW_AVG) are computed from left to right. We need to change the addressing of the table calculation from the default Table (across) to the level of detail we are segmenting: Sub-Category. This can be achieved by clicking on the measure with the delta symbol (Δ), hovering over “Compute Using”, and choosing “Sub-Category”.

Changing the Default Addressing of a Tableau Table Calculation

For more on this functionality, see An Introduction to Tableau Table Calculations.

Here’s how the view looks after changing the addressing and choosing colors for each of the four segments.

Tableau Scatter Plot with Four Quadrant Segmentation Applied

In a real-world business context, we may want to handle these product segments differently. Remember this segmentation can be used with any dimension relevant to your business, so you may be segmenting different regions, marketing channels, or customers. From here, it is very easy to isolate a segment using just two additional steps.

Let’s say we see an opportunity to improve our bottom line by focusing on the High Profit Ratio & Low Sales segment. These sub-categories are not selling much, but they’re very profitable when we do sell them. Perhaps we can do a promotional campaign to drive sales to the highly profitable products, or maybe we just want to further evaluate what’s making them profitable versus the other low-selling segment.

First, filter the view by right-clicking on the segment of interest on the color legend and choosing “Keep Only”.

Isolating a Segment on a Tableau Color Legend

This will leave only the segment of interest on the view. Next, drag a box around the marks, right-click any one of them, and choose “Create Set…”.

Creating a Set of a Segment on a Tableau Scatter Plot

After giving the set a name and clicking “OK”, you will have an isolated set of the dimension members in your segment over in the Sets area of the Data pane. For some ideas on using this, see An Introduction to Sets in Tableau.

Thanks for reading,
– Ryan


By | 2018-10-29T13:59:33+00:00 June 12th, 2018|Tableau Chart Types, Tableau Tips|