Color encoding in Tableau - Dashboard Guide

Dashboard Mode - Color encoding

Dashboard Goal

Understand how sales vary by product category and region using color to highlight differences.

Sample Data

Product Category	Region	Sales
Furniture	East	200
Furniture	West	150
Technology	East	300
Technology	West	250
Office Supplies	East	100
Office Supplies	West	120

Dashboard Components

• KPI Card: Total Sales = SUM(Sales) = 1120
• Bar Chart: Sales by Product Category with color encoding by Region.
  Formula: SUM(Sales) grouped by Product Category and Region.
  Color encoding: East region bars in blue, West region bars in orange.
• Table: Detailed sales data with conditional color encoding on Sales values.
  Sales >= 250 colored green, Sales between 150 and 249 colored yellow, Sales < 150 colored red.

Dashboard Layout

+----------------------+-------------------------+
|      Total Sales      |     Sales by Category    |
|       (KPI Card)      |    (Bar Chart with       |
|                      |     color encoding)      |
+----------------------+-------------------------+
|                  Detailed Sales Table               |
|          (with conditional color encoding)          |
+-----------------------------------------------------+
    

Interactivity

A filter for Region allows users to select East, West, or both regions.

When a region is selected, the bar chart updates to show only that region's sales with the corresponding color.

The detailed sales table updates to show only rows for the selected region(s), maintaining the color encoding on sales values.

The Total Sales KPI updates to sum sales only for the selected region(s).

Self Check

If you add a filter to select only the East region, which components update?

• The Total Sales KPI updates to show 600 (200 + 300 + 100).
• The Bar Chart updates to show only East region bars in blue.
• The Detailed Sales Table shows only rows with Region = East, with color encoding on sales values.

Key Result

Dashboard showing sales by product category and region with color encoding to highlight differences.

Practice

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

easy

A. To sort data in ascending order

B. To add labels to data points

C. To use colors to show differences or values in data

D. To filter data based on conditions

Solution

1. Step 1: Understand color encoding concept

   Color encoding means using colors to represent data differences or values visually.

2. Step 2: Identify the purpose in Tableau

   In Tableau, color encoding helps users quickly see patterns or categories by color.

3. Final Answer:

   To use colors to show differences or values in data -> Option C

4. Quick Check:

   Color encoding = Show data differences with colors [OK]

Hint: Colors show data differences or values visually [OK]

Common Mistakes:

• Confusing color encoding with sorting or filtering
• Thinking color encoding adds labels
• Assuming color encoding changes data order

2. Which Tableau shelf should you drag a field to in order to apply color encoding?

easy

A. Color shelf

B. Filter shelf

C. Label shelf

D. Size shelf

Solution

1. Step 1: Recall Tableau shelves for visual encoding

   Tableau has shelves like Color, Size, Label, and Filter for different visual effects.

2. Step 2: Identify the correct shelf for color encoding

   Dragging a field to the Color shelf applies color encoding to marks.

3. Final Answer:

   Color shelf -> Option A

4. Quick Check:

   Drag field to Color shelf for color encoding [OK]

Hint: Drag fields to Color shelf to apply colors [OK]

Common Mistakes:

• Dragging fields to Size or Label shelves instead
• Confusing Filter shelf with Color shelf
• Not knowing which shelf controls color

3. Given a Tableau bar chart with the field Category on Columns and Sales on Rows, what happens if you drag Region to the Color shelf?

medium

A. Bars will be sorted by Region alphabetically

B. No change will happen to the chart

C. Sales values will be replaced by Region names

D. Bars will be colored by Region, showing sales distribution per region

Solution

1. Step 1: Understand the current chart setup

   Category on Columns and Sales on Rows creates bars showing sales per category.

2. Step 2: Effect of dragging Region to Color shelf

   Adding Region to Color colors bars by region, showing sales distribution across regions within categories.

3. Final Answer:

   Bars will be colored by Region, showing sales distribution per region -> Option D

4. Quick Check:

   Color shelf adds color by Region [OK]

Hint: Color shelf colors marks by the dragged field [OK]

Common Mistakes:

• Thinking color changes sorting order
• Assuming sales values get replaced
• Believing no visual change occurs

4. You dragged a numeric field to the Color shelf but all marks show the same color. What is the most likely reason?

medium

A. The numeric field has the same value for all data points

B. You forgot to add the field to the Rows shelf

C. Color shelf only works with text fields

D. Tableau does not support color encoding for numeric fields

Solution

1. Step 1: Analyze why color encoding shows one color

   If all marks have the same color, it means the color field has no variation.

2. Step 2: Check numeric field values

   If the numeric field has the same value for all data points, color encoding cannot differentiate marks.

3. Final Answer:

   The numeric field has the same value for all data points -> Option A

4. Quick Check:

   Same values = same color [OK]

Hint: Check if numeric field has varied values for color encoding [OK]

Common Mistakes:

• Thinking color shelf only works with text
• Assuming Rows shelf affects color encoding
• Believing Tableau lacks numeric color support

5. You want to create a dashboard that uses color encoding to highlight sales performance: green for sales above $10,000, yellow for sales between $5,000 and $10,000, and red for sales below $5,000. Which Tableau feature should you use to achieve this?

hard

A. Drag Sales field directly to Size shelf

B. Create a calculated field with IF conditions and drag it to Color shelf

C. Use the Filter shelf to show only sales above $5,000

D. Add Sales field to Label shelf and manually color each label

Solution

1. Step 1: Define sales performance categories

   Use IF conditions to classify sales into green, yellow, and red categories based on thresholds.

2. Step 2: Create calculated field and apply color encoding

   Create a calculated field with IF statements for sales ranges, then drag it to Color shelf to color marks accordingly.

3. Final Answer:

   Create a calculated field with IF conditions and drag it to Color shelf -> Option B

4. Quick Check:

   Calculated field + Color shelf = custom color encoding [OK]

Hint: Use calculated fields with IF for custom color ranges [OK]

Common Mistakes:

• Dragging Sales to Size shelf instead of Color
• Using Filter shelf which hides data instead of coloring
• Manually coloring labels which is inefficient