Shape encoding in Tableau - Dashboard Guide

Dashboard Mode - Shape encoding

Business Question

How can we use different shapes in a Tableau dashboard to quickly identify product categories by their sales performance?

Sample Data

Product Category	Sales	Region
Furniture	150000	East
Technology	300000	West
Office Supplies	90000	East
Furniture	120000	West
Technology	250000	East
Office Supplies	110000	West
Furniture	130000	South

Dashboard Components

• KPI Card: Total Sales calculated as SUM([Sales]). Result: 1,150,000
• Shape-Encoded Scatter Plot: Sales by Product Category and Region with shapes representing product categories:
  • Furniture: Circle
  • Technology: Square
  • Office Supplies: Triangle
  Axes:
  • X-axis: Region
  • Y-axis: Sales
  Tooltip shows Product Category, Sales, and Region.
• Sales Table: Detailed table showing Product Category, Sales, and Region for all rows.

Dashboard Layout

+----------------------+---------------------------+
|      Total Sales      |   Sales by Category &     |
|       (KPI Card)      |       Region (Scatter)    |
+----------------------+---------------------------+
|                  Sales Table (Detailed)             |
+-----------------------------------------------------+

Interactivity

A filter for Region allows users to select one or multiple regions. When a region is selected, the KPI card, scatter plot, and sales table update to show data only for the selected region(s). This helps users focus on sales performance in specific areas.

Self Check

If you add a filter for Region = East, which components update and what data do they show?

• KPI Card: Updates to show total sales for East region only (150,000 + 90,000 + 250,000 = 490,000).
• Scatter Plot: Shows only points for East region with shapes for Furniture, Technology, and Office Supplies.
• Sales Table: Displays only rows where Region is East.

Key Result

A Tableau dashboard using shape encoding to distinguish product categories in sales data by region.

Practice

1. What is the main purpose of using Shape encoding in Tableau visualizations?

easy

A. To change the color of the chart background

B. To sort data in ascending order

C. To represent different categories using distinct shapes

D. To filter data based on date

Solution

1. Step 1: Understand what shape encoding does

   Shape encoding assigns different shapes to data categories to visually separate them.

2. Step 2: Compare options to the purpose

   Only To represent different categories using distinct shapes describes using shapes for categories, others describe unrelated functions.

3. Final Answer:

   To represent different categories using distinct shapes -> Option C

4. Quick Check:

   Shape encoding = Different shapes for categories [OK]

Hint: Shapes show categories visually, not colors or sorting [OK]

Common Mistakes:

• Confusing shape encoding with color encoding
• Thinking shape encoding sorts or filters data
• Assuming shape encoding changes chart background

2. Which of the following is the correct way to apply shape encoding in Tableau?

easy

A. Drag a dimension to the Shape mark on the Marks card

B. Drag a dimension to the Color mark on the Marks card

C. Drag a measure to the Shape mark on the Marks card

D. Drag a measure to the Size mark on the Marks card

Solution

1. Step 1: Identify what type of field controls shape encoding

   Shape encoding uses categories, which are dimensions, not measures.

2. Step 2: Match the correct mark for shape encoding

   Shapes are assigned by dragging a dimension to the Shape mark on the Marks card.

3. Final Answer:

   Drag a dimension to the Shape mark on the Marks card -> Option A

4. Quick Check:

   Dimension + Shape mark = Shape encoding [OK]

Hint: Drag dimensions, not measures, to Shape mark [OK]

Common Mistakes:

• Dragging measures instead of dimensions to Shape
• Using Color mark instead of Shape mark
• Confusing Size mark with Shape mark

3. Given a dataset with a dimension 'Product Category' having values 'A', 'B', and 'C', and you drag this dimension to the Shape mark, what will Tableau do by default?

medium

A. Assign three different shapes, one for each category

B. Assign the same shape to all categories

C. Show a color legend instead of shapes

D. Create a filter to select categories

Solution

1. Step 1: Understand Tableau's default behavior with shape encoding

   When a dimension with multiple categories is placed on Shape, Tableau assigns a unique shape to each category.

2. Step 2: Evaluate the options

   Assign three different shapes, one for each category matches this behavior; others describe unrelated or incorrect outcomes.

3. Final Answer:

   Assign three different shapes, one for each category -> Option A

4. Quick Check:

   Dimension categories = unique shapes [OK]

Hint: Each category gets a unique shape by default [OK]

Common Mistakes:

• Expecting same shape for all categories
• Confusing shape legend with color legend
• Thinking shape encoding creates filters

4. You dragged a dimension to the Shape mark, but all data points show the same shape. What is the most likely reason?

medium

A. The data source is not connected

B. The dimension has only one unique value

C. The Shape mark is disabled in Tableau

D. You dragged a measure instead of a dimension

Solution

1. Step 1: Check the dimension's uniqueness

   If the dimension has only one unique value, Tableau assigns the same shape to all points.

2. Step 2: Consider other options

   Dragging a measure would not assign shapes properly, but the question states a dimension was dragged. Shape mark cannot be disabled, and data connection issues would prevent visualization.

3. Final Answer:

   The dimension has only one unique value -> Option B

4. Quick Check:

   Single unique value = same shape [OK]

Hint: Check if dimension has multiple unique values [OK]

Common Mistakes:

• Assuming Shape mark can be disabled
• Confusing dimension with measure
• Ignoring data connection status

5. You want to create a scatter plot showing sales by profit, and use shape encoding to distinguish regions. However, some regions have too many categories, making shapes hard to distinguish. What is the best approach to improve clarity?

hard

A. Increase the size of all shapes to make them bigger

B. Use shape encoding on the sales measure instead of regions

C. Remove the shape encoding and use only color encoding

D. Group similar regions into fewer categories before applying shape encoding

Solution

1. Step 1: Identify the problem with too many shape categories

   Too many shapes make it hard to distinguish categories visually.

2. Step 2: Find the best solution to reduce complexity

   Grouping similar regions reduces the number of categories, making shapes clearer.

3. Step 3: Evaluate other options

   Using shape on a measure or removing shape encoding loses category distinction; increasing size doesn't solve shape confusion.

4. Final Answer:

   Group similar regions into fewer categories before applying shape encoding -> Option D

5. Quick Check:

   Reduce categories for clear shapes [OK]

Hint: Group categories to reduce shape variety [OK]

Common Mistakes:

• Applying shape encoding to measures
• Relying on size instead of reducing categories
• Removing shape encoding without replacement