Sparklines (LINE, BAR, COLUMN) in Google Sheets - Dashboard Guide

Dashboard Mode - Sparklines (LINE, BAR, COLUMN)

Dashboard Goal

Show quick visual trends of monthly sales for each product using sparklines in Google Sheets.

Sample Data

Product	Jan	Feb	Mar	Apr	May
Apples	120	135	150	160	170
Bananas	80	90	100	110	115
Cherries	60	65	70	75	80
Dates	40	45	50	55	60
Elderberries	30	35	40	45	50

Dashboard Components

• Sales Data Table: Shows monthly sales for each product (A2:F6).
• Line Sparkline Column (G2:G6): Formula in G2: =SPARKLINE(B2:F2, {"charttype","line"}) copied down to G6. Shows sales trend as a line.
• Bar Sparkline Column (H2:H6): Formula in H2: =SPARKLINE(B2:F2, {"charttype","bar"}) copied down to H6. Shows sales as horizontal bars.
• Column Sparkline Column (I2:I6): Formula in I2: =SPARKLINE(B2:F2, {"charttype","column"}) copied down to I6. Shows sales as vertical bars.

Dashboard Layout

+----------------+----------------+----------------+----------------+----------------+----------------+----------------+----------------+----------------+
| Product        | Jan            | Feb            | Mar            | Apr            | May            | Line Sparkline | Bar Sparkline  | Column Sparkline|
+----------------+----------------+----------------+----------------+----------------+----------------+----------------+----------------+----------------+
| Apples         | 120            | 135            | 150            | 160            | 170            | (G2)           | (H2)           | (I2)           |
| Bananas        | 80             | 90             | 100            | 110            | 115            | (G3)           | (H3)           | (I3)           |
| Cherries       | 60             | 65             | 70             | 75             | 80             | (G4)           | (H4)           | (I4)           |
| Dates          | 40             | 45             | 50             | 55             | 60             | (G5)           | (H5)           | (I5)           |
| Elderberries   | 30             | 35             | 40             | 45             | 50             | (G6)           | (H6)           | (I6)           |
+----------------+----------------+----------------+----------------+----------------+----------------+----------------+----------------+----------------+

Interactivity

Add a filter dropdown for Product names above the table. When a product is selected, only that product's row and its sparklines show. This helps focus on one product's sales trend at a time.

Self Check

If you add a filter to show only "Bananas", which rows and sparklines remain visible? Answer: Only the row for Bananas and its sparklines in columns G, H, and I remain visible.

Key Result

Dashboard shows monthly sales trends for products using line, bar, and column sparklines side by side.

Practice

1. What does the SPARKLINE function do in Google Sheets?

easy

A. Formats cells with colors

B. Calculates the sum of a range of numbers

C. Sorts data alphabetically

D. Creates a small chart inside a cell to show data trends

Solution

1. Step 1: Understand the purpose of SPARKLINE

   The SPARKLINE function is designed to create tiny charts inside cells to visually represent data trends.

2. Step 2: Compare with other options

   Options A, B, and C describe different functions unrelated to SPARKLINE.

3. Final Answer:

   Creates a small chart inside a cell to show data trends -> Option D

4. Quick Check:

   SPARKLINE = small chart inside cell [OK]

Hint: SPARKLINE = tiny chart inside a cell [OK]

Common Mistakes:

• Confusing SPARKLINE with SUM or SORT functions
• Thinking SPARKLINE changes cell colors
• Assuming SPARKLINE creates full-size charts

2. Which of the following is the correct syntax to create a line sparkline for data in cells A1 to A5?

easy

A. =SPARKLINE(A1:A5, {"charttype": "line"})

B. =SPARKLINE(A1:A5, {"charttype", "line"})

C. =SPARKLINE(A1:A5, {charttype = "line"})

D. =SPARKLINE(A1:A5, {charttype = line})

Solution

1. Step 1: Recall correct option syntax for SPARKLINE options

   Options must use key-value pairs with colon and quotes for strings, like {"charttype": "line"}.

2. Step 2: Check each option

   =SPARKLINE(A1:A5, {"charttype": "line"}) uses correct syntax with colon and quotes. Options A, C, and D use incorrect separators or missing quotes.

3. Final Answer:

   =SPARKLINE(A1:A5, {"charttype": "line"}) -> Option A

4. Quick Check:

   Options use colon and quotes for key-value pairs [OK]

Hint: Use colon and quotes for options in SPARKLINE [OK]

Common Mistakes:

• Using comma instead of colon in options
• Omitting quotes around option values
• Using equal sign instead of colon

3. Given the data in cells A1:A4 as 5, 10, 15, 20, what will the formula =SPARKLINE(A1:A4, {"charttype": "bar"}) display?

medium

A. A tiny line chart showing increasing trend

B. A tiny bar chart with bars increasing in height from left to right

C. A tiny column chart with bars decreasing in height

D. An error because bar chart needs more options

Solution

1. Step 1: Identify chart type and data

   The formula uses charttype "bar" with data 5, 10, 15, 20 which increases.

2. Step 2: Understand bar chart behavior in SPARKLINE

   Bar chart draws horizontal bars with length proportional to values, so bars increase left to right.

3. Final Answer:

   A tiny bar chart with bars increasing in height from left to right -> Option B

4. Quick Check:

   Bar chart = horizontal bars showing values [OK]

Hint: Bar chart shows horizontal bars sized by values [OK]

Common Mistakes:

• Confusing bar chart with line or column chart
• Thinking bars decrease instead of increase
• Assuming error due to missing options

4. The formula =SPARKLINE(A1:A5, {"charttype" "column"}) returns an error. What is the mistake?

medium

A. Column chart type is not supported

B. Wrong range reference

C. Missing colon between option name and value

D. Data range must be horizontal, not vertical

Solution

1. Step 1: Check option syntax

   The options must have a colon between key and value, like {"charttype": "column"}.

2. Step 2: Identify error cause

   The formula uses {"charttype" "column"} missing the colon, causing syntax error.

3. Final Answer:

   Missing colon between option name and value -> Option C

4. Quick Check:

   Options need colon between key and value [OK]

Hint: Options need colon between key and value [OK]

Common Mistakes:

• Omitting colon in options
• Thinking column chart is unsupported
• Assuming range orientation causes error

5. You want to show a sparkline column chart for sales data in B2:B10 but highlight the highest value bar in red. Which formula correctly applies this?

hard

A. =SPARKLINE(B2:B10, {"charttype": "column", "color": "blue", "maxcolor": "red"})

B. =SPARKLINE(B2:B10, {"charttype": "column", "color": "red", "maxcolor": "red"})

C. =SPARKLINE(B2:B10, {"charttype": "column", "color": "red", "max": MAX(B2:B10)})

D. =SPARKLINE(B2:B10, {"charttype": "bar", "maxcolor": "red"})

Solution

1. Step 1: Identify correct chart type and color options

   We want a column chart with the highest bar colored red. The option "maxcolor" sets the color for the max value bar.

2. Step 2: Check each option

   =SPARKLINE(B2:B10, {"charttype": "column", "color": "blue", "maxcolor": "red"}) sets charttype to column, default bars blue, and maxcolor red, which highlights the highest bar correctly. =SPARKLINE(B2:B10, {"charttype": "column", "color": "red", "max": MAX(B2:B10)}) incorrectly uses "max" option which is invalid. =SPARKLINE(B2:B10, {"charttype": "column", "color": "red", "maxcolor": "red"}) sets all bars red, not just max. =SPARKLINE(B2:B10, {"charttype": "bar", "maxcolor": "red"}) uses bar chart instead of column.

3. Final Answer:

   =SPARKLINE(B2:B10, {"charttype": "column", "color": "blue", "maxcolor": "red"}) -> Option A

4. Quick Check:

   Use maxcolor to highlight highest bar [OK]

Hint: Use maxcolor option to color highest bar red [OK]

Common Mistakes:

• Using color option to color all bars red
• Using invalid max option
• Choosing wrong chart type (bar instead of column)