Chart interactivity in Google Sheets - Real Business Scenario

Scenario Mode

👤 Your Role: You are a sales analyst at a retail company.

📋 Request: Your manager wants an interactive sales chart that updates based on the selected product category.

📊 Data: You have monthly sales data for different product categories over one year.

🎯 Deliverable: Create an interactive chart in Google Sheets that changes to show sales trends for the selected category using a dropdown menu.

Sample Data

Month	Category	Sales
Jan	Electronics	1200
Jan	Clothing	800
Jan	Home	600
Feb	Electronics	1500
Feb	Clothing	700
Feb	Home	650
Mar	Electronics	1300
Mar	Clothing	900
Mar	Home	700
Apr	Electronics	1600
Apr	Clothing	850
Apr	Home	720

1

Step 1: Create a dropdown menu for product categories.

Select a cell (e.g., E1), then go to Data > Data validation. Choose 'List of items' and enter: Electronics,Clothing,Home. Click Save.

Expected Result

Cell E1 shows a dropdown with Electronics, Clothing, and Home options.

2

Step 2: Create a filtered table that shows sales only for the selected category.

=FILTER({A2:A13, C2:C13}, B2:B13=E1)

Expected Result

A table appears showing Month and Sales only for the category selected in E1.

3

Step 3: Create a chart based on the filtered sales data.

Select the filtered table, then Insert > Chart. Choose a Line chart. Set the X-axis to Month and the Series to Sales.

Expected Result

A line chart appears showing monthly sales for the selected category.

4

Step 4: Test the interactivity by changing the dropdown selection.

Change the value in cell E1 to another category (e.g., Clothing).

Expected Result

The filtered table and chart update automatically to show sales for the new category.

Final Result

Month | Sales
------|-------
Jan   | 1200  
Feb   | 1500  
Mar   | 1300  
Apr   | 1600  

(Line chart showing sales trend for selected category)

✓The interactive chart updates instantly when a different category is selected.

✓This helps the manager quickly compare sales trends across categories.

✓Using FILTER and dropdown menus makes the dashboard dynamic and user-friendly.

Bonus Challenge

Add a second dropdown to select the year and update the chart accordingly.

Show Hint

Add a year column to your data and use FILTER with multiple conditions to filter by both category and year.

Practice

1. What is the main purpose of adding a slicer to a chart in Google Sheets?

easy

A. To add colors to the chart

B. To change the chart type from bar to line

C. To filter data interactively and update the chart automatically

D. To export the chart as an image

Solution

1. Step 1: Understand what a slicer does

   A slicer lets you filter data easily by clicking options without changing the original data.

2. Step 2: Connect slicer to chart

   When you use a slicer, the chart updates automatically to show only the filtered data.

3. Final Answer:

   To filter data interactively and update the chart automatically -> Option C

4. Quick Check:

   Slicer filters data and updates chart [OK]

Hint: Slicers filter data and update charts live [OK]

Common Mistakes:

• Thinking slicers change chart type
• Confusing slicers with color formatting
• Believing slicers export charts

2. Which of the following is the correct way to add a slicer in Google Sheets?

easy

A. Data > Slicer > Add slicer

B. Insert > Chart > Add Slicer

C. Format > Slicer > New slicer

D. Tools > Slicer > Create slicer

Solution

1. Step 1: Locate the slicer menu

   In Google Sheets, slicers are found under the Data menu, not Insert, Format, or Tools.

2. Step 2: Confirm correct menu path

   The correct path is Data > Slicer > Add slicer to create a new slicer control.

3. Final Answer:

   Data > Slicer > Add slicer -> Option A

4. Quick Check:

   Slicer is under Data menu [OK]

Hint: Find slicers under Data menu in Google Sheets [OK]

Common Mistakes:

• Looking for slicers under Insert or Format menus
• Trying to add slicer from Tools menu
• Assuming slicers are part of chart insertion

3. Given a chart linked to a data range A1:B5 and a slicer filtering column A with values {"East", "West"}, what will the chart display if you select only "East" in the slicer?

medium

A. All data rows regardless of filter

B. Only data rows where column A is "East"

C. Only data rows where column B is "East"

D. An empty chart with no data

Solution

1. Step 1: Understand slicer filtering

   The slicer filters the data range by the selected values in column A, so only rows with "East" remain visible.

2. Step 2: Effect on chart display

   The chart updates to show only the filtered rows matching "East" in column A, ignoring other rows.

3. Final Answer:

   Only data rows where column A is "East" -> Option B

4. Quick Check:

   Slicer filters rows by selected value [OK]

Hint: Slicer filters rows by selected column values [OK]

Common Mistakes:

• Thinking slicer filters column B instead of A
• Assuming chart ignores slicer filters
• Believing chart shows empty if filter applied

4. You added a slicer to filter a chart, but the chart does not update when you change slicer selections. What is the most likely cause?

medium

A. The chart is locked and cannot update

B. The chart type does not support filtering

C. The slicer is set to filter a different sheet

D. The slicer is not connected to the chart's data range

Solution

1. Step 1: Check slicer connection

   If the slicer is not linked to the same data range as the chart, changes in slicer won't affect the chart.

2. Step 2: Verify chart and slicer data range match

   Ensure both slicer and chart use the same data range so filtering works correctly.

3. Final Answer:

   The slicer is not connected to the chart's data range -> Option D

4. Quick Check:

   Slicer must link to chart data range [OK]

Hint: Ensure slicer and chart share the same data range [OK]

Common Mistakes:

• Assuming chart type blocks filtering
• Thinking slicer filters different sheets automatically
• Believing charts can be locked to prevent updates

5. You want to create an interactive dashboard in Google Sheets where users can filter sales data by region and product category, and see the chart update instantly. Which combination of features should you use?

hard

A. Add two slicers: one for region and one for product category, linked to the chart's data range

B. Create two separate charts, one filtered by region and one by product category

C. Use filter views to manually filter data before viewing the chart

D. Manually change the chart data range each time filters are needed

Solution

1. Step 1: Identify interactive filtering needs

   Users want to filter by multiple criteria (region and product category) and see one chart update instantly.

2. Step 2: Use slicers for multiple filters

   Adding two slicers linked to the same data range allows filtering by both criteria interactively, updating the chart live.

3. Step 3: Why other options fail

   Separate charts don't combine filters; filter views are manual and not interactive; manual range changes are slow and error-prone.

4. Final Answer:

   Add two slicers: one for region and one for product category, linked to the chart's data range -> Option A

5. Quick Check:

   Multiple slicers update chart interactively [OK]

Hint: Use multiple slicers linked to one chart for interactive filtering [OK]

Common Mistakes:

• Using separate charts instead of one interactive chart
• Relying on manual filter views for interactivity
• Changing data range manually instead of slicers