Color scales in Google Sheets - Dashboard Guide

Dashboard Mode - Color scales

Dashboard Goal

Show how sales performance varies across products using color scales to highlight low to high values.

Sample Data

Product	Sales Q1	Sales Q2	Sales Q3
Apples	120	150	130
Bananas	80	90	100
Cherries	200	210	190
Dates	50	60	55
Elderberries	170	160	180

Dashboard Components

• Sales Table with Color Scales: The sales data table uses conditional formatting with a 3-color scale from red (lowest sales) to yellow (middle) to green (highest sales) applied to the Sales Q1, Q2, and Q3 columns. This visually shows which quarters had low or high sales per product.
• Total Sales per Product: In column E, a formula sums sales across Q1 to Q3 for each product:
  =SUM(B2:D2)
  This total column also uses a 2-color scale from light orange (low total) to dark orange (high total).
• Average Sales per Quarter: Below the table, a row calculates average sales for each quarter:
  =SUBTOTAL(101,B2:B6) for Q1, similarly for Q2 and Q3.
  This row uses a 3-color scale to highlight which quarter had higher average sales.

Dashboard Layout

+---------------------------------------+
|           Sales Table with Color Scales           |
|  Product | Q1 | Q2 | Q3 | Total Sales  |
|---------------------------------------|
| Apples   |    |    |    |             |
| Bananas  |    |    |    |             |
| Cherries |    |    |    |             |
| Dates    |    |    |    |             |
| Elderberries |    |    |    |             |
|---------------------------------------|
| Average  |    |    |    |             |
+---------------------------------------+

Interactivity

Users can apply filters on the Product column to show only selected products. When filtered, the average sales row updates dynamically to reflect the sales range of the visible data only. The color scales provide consistent highlights based on the full dataset. This helps users focus on specific products and see their relative sales performance with color highlights.

Self Check

If you add a filter to show only "Apples" and "Cherries", which components update?

• The sales table updates to show only those two products.
• The Average Sales row recalculates based on the filtered sales values, so values adjust to the new averages.
• The Total Sales column and Average Sales row update to reflect only the visible products.

Key Result

Sales data table with color scales highlights low to high sales per product and quarter, with totals and averages dynamically updating on filters.

Practice

1. What is the main purpose of using Color scales in Google Sheets?

easy

A. To visually highlight data patterns by coloring cells based on their values

B. To sort data alphabetically

C. To create charts automatically

D. To lock cells from editing

Solution

1. Step 1: Understand what color scales do

   Color scales apply colors to cells depending on their values, making patterns easy to see.

2. Step 2: Compare options with this purpose

   Only To visually highlight data patterns by coloring cells based on their values describes coloring cells based on values to highlight patterns.

3. Final Answer:

   To visually highlight data patterns by coloring cells based on their values -> Option A

4. Quick Check:

   Color scales = Highlight data patterns [OK]

Hint: Color scales color cells by value to show patterns fast [OK]

Common Mistakes:

• Confusing color scales with sorting or charting
• Thinking color scales lock cells
• Assuming color scales create formulas

2. Which menu path correctly applies a color scale in Google Sheets?

easy

A. Tools > Protect sheet > Color scale

B. Data > Sort range > Color scale

C. Insert > Chart > Color scale

D. Format > Conditional formatting > Color scale

Solution

1. Step 1: Recall where color scales are applied

   Color scales are set under Format menu, inside Conditional formatting.

2. Step 2: Match the correct menu path

   Format > Conditional formatting > Color scale shows the correct path: Format > Conditional formatting > Color scale.

3. Final Answer:

   Format > Conditional formatting > Color scale -> Option D

4. Quick Check:

   Color scale path = Format > Conditional formatting [OK]

Hint: Color scales are under Format > Conditional formatting [OK]

Common Mistakes:

• Looking for color scales under Data or Insert menus
• Confusing color scales with sorting or chart options
• Trying to find color scales in Tools menu

3. You apply a color scale with blue for low values, white for middle, and red for high values on a range with numbers 10, 50, 90. Which cell will be colored red?

medium

A. Cell with 90

B. Cell with 50

C. Cell with 10

D. Cell with 50 and 90

Solution

1. Step 1: Understand color scale color assignments

   Blue is for low values, white for middle, red for high values.

2. Step 2: Identify the highest value in the range

   The highest number is 90, so it gets the red color.

3. Final Answer:

   Cell with 90 -> Option A

4. Quick Check:

   Highest value = red color [OK]

Hint: Highest value gets the high color in color scales [OK]

Common Mistakes:

• Choosing middle value for red color
• Assuming multiple cells get the same high color
• Mixing up low and high colors

4. You tried to apply a color scale but all cells show the same color. What is the most likely reason?

medium

A. Color scale only works on text, not numbers

B. You forgot to select the cells before applying

C. All cells have the exact same value

D. You applied a filter instead of color scale

Solution

1. Step 1: Understand how color scales assign colors

   Color scales color cells based on value differences; if all values are the same, colors are identical.

2. Step 2: Analyze the given options

   All cells have the exact same value explains why all cells have the same color: identical values.

3. Final Answer:

   All cells have the exact same value -> Option C

4. Quick Check:

   Same values = same color [OK]

Hint: Color scales need different values to show color differences [OK]

Common Mistakes:

• Thinking color scales work on text
• Not selecting cells before applying color scale
• Confusing filters with color scales

5. You want to highlight sales data from 0 to 1000 with a green to yellow to red color scale. Which setup correctly assigns colors for low, midpoint, and high values?

hard

A. Low: Red, Midpoint: Yellow, High: Green

B. Low: Green, Midpoint: Yellow, High: Red

C. Low: Yellow, Midpoint: Green, High: Red

D. Low: Red, Midpoint: Green, High: Yellow

Solution

1. Step 1: Understand color meanings for data ranges

   Green usually means good/low risk, yellow is middle, red means high/warning.

2. Step 2: Match colors to sales values from low to high

   Low sales get green, middle sales yellow, high sales red to show increasing alert.

3. Final Answer:

   Low: Green, Midpoint: Yellow, High: Red -> Option B

4. Quick Check:

   Green low, yellow mid, red high = correct scale [OK]

Hint: Green means low, red means high in color scales [OK]

Common Mistakes:

• Reversing red and green colors
• Assigning yellow to low values
• Mixing up midpoint colors