Charts & Visualisations

Spreadsheet Graphics

1
2
3
4
5
6

Welcome to Spreadsheet Graphics! In this strand, you will master turning raw data tables into clear, visually compelling charts and graphs, choosing the right chart type to represent trends, comparisons, and proportions accurately.

Level 1

Visual Charts

Selecting data and creating simple 1-to-1 visual charts.

Learning objective

Learning About: Visual Charts. Learning To: Display data pictorially. Learning To Be: Inquirer.

Let's Go!

Step media

Learn

Charts convert walls of numbers into instant visual pictures. Selecting your data table and choosing a simple chart type helps everyone understand your findings instantly! In computing, visual charts help us compare quantities easily. As you explore the interactive Spreadsheet Simulator below, focus on how to create a 1-to-1 visual chart from a 2-column table.

Interactive Simulator Sandbox
๐Ÿ“Š
Spreadsheet StudioStep 1 โ€ข Bronze Tier
|
A1fx
ABC
1ItemAmount
2Apples5
3Bananas3
4Carrots2
5Total
Challenge: Click cell B5 to inspect how the AutoSum formula adds up column B!

Apply Simulator Skills โ€ข Try it yourself

Create your first visual chart!

๐Ÿ”„Direct Simulator Transfer: Step 1 Tasks 1, 2 & 3

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Identify pictures representing counts.

Developing

Select a simple table and click 'Insert Chart'.

Secure (Goal)

Create a 1-to-1 visual chart from a 2-column table.

Mastery

Explain what each symbol represents. Typing: 5 WPM.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

How easy was it to turn your data table into a visual chart today?

๐ŸŸขSecure Level

Create a 1-to-1 visual chart from a 2-column table.

Learning check

Learning Check

Which button in a spreadsheet inserts a visual graph or chart?

Select the matching icon or option below:

Answer correctly to unlock the next level.

Great job! You created your first visual chart!Look for the bar graph icon used to insert charts.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: See, Think, Wonder

Teacher notes: Facilitate the See, Think, Wonder routine for 2โ€“3 minutes. Encourage students to connect the prompt to Form (Visual charts help us compare quantities easily.).

Achievement pathway

  • Foundation: Identify pictures representing counts.
  • Developing: Select a simple table and click 'Insert Chart'.
  • Secure: Create a 1-to-1 visual chart from a 2-column table.
  • Mastering: Explain what each symbol represents. Typing: 5 WPM.

Curriculum links

Curriculum strand: MAT.01.C.1.4

Outcome: SPG-O-01 โ€” Selecting data and creating simple 1-to-1 visual charts.

PYP: Form ยท Visual charts help us compare quantities easily.

Learner profile: Inquirer

Competency tags

  • data-visualisation
  • pictograms
  • simple-charts
  • data-display

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "Which button in a spreadsheet inserts a visual graph or chart?" with a teacher or teaching assistant.

Teacher override: allow

Back to top

Locked level

Level 2: Bar Charts

Complete the previous learning check to unlock this next level.

Level 2

Bar Charts

Building column and bar charts with axes and labels.

Learning objective

Learning About: Bar Charts. Learning To: Compare categories. Learning To Be: Communicator.

Let's Go!

Step media

Learn

Bar charts compare different categories side-by-side using vertical or horizontal bars. Always label your axes so readers know what each bar measures! In computing, bar charts allow side-by-side category comparisons. As you explore the interactive Drawing Layers Simulator below, focus on how to add custom axis titles and chart headers.

Interactive Simulator Sandbox
Curriculum:Step 2 โ€ข Bronze Tier
๐Ÿ“„
Step 1 โ€ข Bronze (Level 1): Page Balance - Text & Image Placement

Place text and one image on a digital page without overlapping elements.

In Progress

ECO-GUARDIANS NEWSLETTER

Issue 4: Protecting Urban Biodiversity

Urban biodiversity creates resilient community ecosystems. Local parks provide vital stopping points for migratory birds and pollinating native bees.

๐Ÿ๐ŸŒธ
Native Honeybee on Clover

Planting micro-gardens with perennial wildflowers restores nectar corridors along city streets.

Layers & Stacking Order

4 Elements
100%
๐Ÿท๏ธTitle Hierarchy (H1)
๐Ÿ–ผ๏ธPollinator Graphic Image
๐Ÿ“ฐ2-Column Body Article
๐Ÿ’กCallout Box & Footer
Design Pro-Tip:

Maintain comfortable breathing space (margins) so eye movement flows naturally across the headline.

Apply Simulator Skills โ€ข Try it yourself

Build and label a bar chart!

๐Ÿ”„Direct Simulator Transfer: Step 2 Tasks 4, 5 & 6

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Distinguish vertical column charts from horizontal bar charts.

Developing

Select category and value columns to generate a bar chart.

Secure (Goal)

Add custom axis titles and chart headers.

Mastery

Explain why category order matters in bar charts. Typing: 10 WPM.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

Can you clearly explain what the height of each bar represents on your chart?

๐ŸŸขSecure Level

Add custom axis titles and chart headers.

Learning check

Learning Check

You want to compare the favourite pets of 25 students. Which chart type is best for comparing discrete categories?

Choose the best chart option.

Answer correctly to unlock the next level.

Correct! Bar and column charts are perfect for comparing distinct categories!Think about which chart type uses separate bars to compare different groups.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Zoom In

Teacher notes: Facilitate the Zoom In routine for 2โ€“3 minutes. Encourage students to connect the prompt to Function (Bar charts allow side-by-side category comparisons.).

Achievement pathway

  • Foundation: Distinguish vertical column charts from horizontal bar charts.
  • Developing: Select category and value columns to generate a bar chart.
  • Secure: Add custom axis titles and chart headers.
  • Mastering: Explain why category order matters in bar charts. Typing: 10 WPM.

Curriculum links

Curriculum strand: MAT.02.C.1.4

Outcome: SPG-O-02 โ€” Building column and bar charts with axes and labels.

PYP: Function ยท Bar charts allow side-by-side category comparisons.

Learner profile: Communicator

Competency tags

  • bar-charts
  • column-charts
  • axis-labels
  • category-comparison

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "You want to compare the favourite pets of 25 students. Which chart type is best for comparing discrete categories?" with a teacher or teaching assistant.

Teacher override: allow

Back to top

Locked level

Level 3: Line Graphs

Complete the previous learning check to unlock this next level.

Level 3

Line Graphs

Plotting continuous time-series data using line graphs.

Learning objective

Learning About: Line Graphs. Learning To: Plot time trends. Learning To Be: Thinker.

Let's Go!

Step media

Learn

Line graphs connect data points across time (hours, days, months). They reveal patterns, spikes, and drops that show how something changes over continuous time! In computing, line graphs show how continuous variables change over time. As you explore the interactive Presentation Simulator below, focus on how to identify upward, downward, and flat trendlines.

Interactive Simulator Sandbox
Curriculum:Step 3 โ€ข Bronze Tier
๐Ÿ“ฝ๏ธ
Step 1 โ€ข Bronze (Level 1): Simple Slides - Template Selection

Open a presentation tool and select a slide template to start your deck.

In Progress

Expedition to Mars: Sol 42

A Student Scientific Research Pitch โ€ข By Grade 5 Planetary Scientists

๐ŸŽค Speaker Rehearsal Notes (Not shown to audience):Type oral cues and delivery pacing below

Apply Simulator Skills โ€ข Try it yourself

Plot a 7-day temperature trend!

๐Ÿ”„Direct Simulator Transfer: Step 3 Tasks 7, 8 & 9

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Recognize that line graphs connect data points across time.

Developing

Plot a time-series table (Days vs Temperature) into a Line Graph.

Secure (Goal)

Identify upward, downward, and flat trendlines.

Mastery

Predict future data points by extending line trends. Typing: 15 WPM.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

How clearly does your line graph reveal temperature trends over the week?

๐ŸŸขSecure Level

Identify upward, downward, and flat trendlines.

Learning check

Learning Check

Which chart type is best for showing how plant growth changes over 4 weeks?

Choose the correct chart type.

Answer correctly to unlock the next level.

Spot on! Line graphs excel at tracking continuous change over time!Think about which graph connects dots over continuous time periods.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Think, Puzzle, Explore

Teacher notes: Facilitate the Think, Puzzle, Explore routine for 2โ€“3 minutes. Encourage students to connect the prompt to Change (Line graphs show how continuous variables change over time.).

Achievement pathway

  • Foundation: Recognize that line graphs connect data points across time.
  • Developing: Plot a time-series table (Days vs Temperature) into a Line Graph.
  • Secure: Identify upward, downward, and flat trendlines.
  • Mastering: Predict future data points by extending line trends. Typing: 15 WPM.

Curriculum links

Curriculum strand: CM.02.B.1.1

Outcome: SPG-O-03 โ€” Plotting continuous time-series data using line graphs.

PYP: Change ยท Line graphs show how continuous variables change over time.

Learner profile: Thinker

Competency tags

  • line-graphs
  • time-series
  • trendlines
  • data-trends

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "Which chart type is best for showing how plant growth changes over 4 weeks?" with a teacher or teaching assistant.

Teacher override: allow

Back to top

Locked level

Level 4: Pie Charts

Complete the previous learning check to unlock this next level.

Level 4

Pie Charts

Displaying parts of a whole using pie charts and percentages.

Learning objective

Learning About: Pie Charts. Learning To: Represent percentages. Learning To Be: Principled.

Let's Go!

Step media

Learn

Pie charts show how a total amount (100%) is divided into parts. Each slice represents a percentage of the total. Keep slices under 6 so the chart remains easy to read! In computing, pie charts illustrate proportions and parts of a 100% whole. As you explore the interactive Spreadsheet Simulator below, focus on how to add data labels with percentages to pie slices.

Interactive Simulator Sandbox
๐Ÿ“Š
Spreadsheet StudioStep 4 โ€ข Bronze Tier
|
A1fx
ABC
1ItemAmount
2Apples5
3Bananas3
4Carrots2
5Total
Challenge: Click cell B5 to inspect how the AutoSum formula adds up column B!

Apply Simulator Skills โ€ข Try it yourself

Chart your daily activity shares!

๐Ÿ”„Direct Simulator Transfer: Step 4 Tasks 10, 11 & 12

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Recognize that a pie chart represents 100% of a dataset.

Developing

Generate a pie chart from a budget or survey table.

Secure (Goal)

Add data labels with percentages to pie slices.

Mastery

Evaluate when pie charts become unreadable (too many slices). Typing: 20 WPM.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

Can readers immediately spot the largest slice of your pie chart?

๐ŸŸขSecure Level

Add data labels with percentages to pie slices.

Learning check

Learning Check

What must all slices of a pie chart add up to?

Select the correct proportion rule.

Answer correctly to unlock the next level.

Mastered! Every pie chart represents 100% of the total dataset!Think about how a whole pizza pie represents 100% of the food.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: See, Think, Wonder

Teacher notes: Facilitate the See, Think, Wonder routine for 2โ€“3 minutes. Encourage students to connect the prompt to Perspective (Pie charts illustrate proportions and parts of a 100% whole.).

Achievement pathway

  • Foundation: Recognize that a pie chart represents 100% of a dataset.
  • Developing: Generate a pie chart from a budget or survey table.
  • Secure: Add data labels with percentages to pie slices.
  • Mastering: Evaluate when pie charts become unreadable (too many slices). Typing: 20 WPM.

Curriculum links

Curriculum strand: CM.02.B.1.1

Outcome: SPG-O-04 โ€” Displaying parts of a whole using pie charts and percentages.

PYP: Perspective ยท Pie charts illustrate proportions and parts of a 100% whole.

Learner profile: Principled

Competency tags

  • pie-charts
  • percentages
  • proportions
  • parts-of-whole

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "What must all slices of a pie chart add up to?" with a teacher or teaching assistant.

Teacher override: allow

Back to top

Locked level

Level 5: Multi-Series

Complete the previous learning check to unlock this next level.

Level 5

Multi-Series

Comparing multiple data series and combo charts.

Learning objective

Learning About: Multi-Series Charts. Learning To: Compare dual variables. Learning To Be: Knowledgeable.

Let's Go!

Step media

Learn

Multi-series charts compare two or more related sets of data on the same axes (like Boys vs Girls sports scores, or Rainfall vs Temperature). Combo charts mix columns and lines for dual insights! In computing, combining data series provides deeper comparative analysis. As you explore the interactive Screenshot Simulator below, focus on how to create a Combo Chart combining columns (Rainfall) and a line (Temperature).

Interactive Simulator Sandbox
Curriculum:Step 5 โ€ข Bronze Tier
๐Ÿ“ธ
Step 1 โ€ข Bronze (Level 1): Locate Print Screen Key

Locate the PrtScn / Print Screen key on the virtual keyboard to capture everything currently shown on display.

Capture Mode:Fullscreen Snip
โŒจ๏ธ Shortcut: PrtScn or Win + Shift + S
Ready to Capture
Markup Tools:
๐Ÿ“Science Project
๐ŸŒSchool Browser
๐Ÿ—‘๏ธRecycle Bin
๐Ÿถ Pet Explorer - Golden Retriever Profile
๐Ÿ•Educational Resource

Golden Retriever Puppy

Loyal, gentle family dog known for intelligence and playful temperament.

Owner ID: Sarah_Smith_Room12 (Confidential Data)
๐Ÿ“„ Student Science Report (Pastepad)
Click 'Ctrl+V Paste Snip' or press Ctrl+V to attach captured screenshot into your document.

Apply Simulator Skills โ€ข Try it yourself

Build a multi-series combo chart!

๐Ÿ”„Direct Simulator Transfer: Step 5 Tasks 13, 14 & 15

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Identify a chart legend showing multiple colored series.

Developing

Plot two data series (e.g. Sales 2024 vs Sales 2025) on one bar chart.

Secure (Goal)

Create a Combo Chart combining columns (Rainfall) and a line (Temperature).

Mastery

Format a secondary Y-axis for different measurement scales. Typing: 25 WPM.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

Does your multi-series legend make it easy to tell the two datasets apart?

๐ŸŸขSecure Level

Create a Combo Chart combining columns (Rainfall) and a line (Temperature).

Learning check

Learning Check

What feature on a multi-series chart explains what each color or line represents?

Choose the correct chart feature.

Answer correctly to unlock the next level.

Correct! The legend decodes what each color, line, or bar represents!Think about the box that matches colors to data labels.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: I used to think...

Teacher notes: Facilitate the I used to think... routine for 2โ€“3 minutes. Encourage students to connect the prompt to Connection (Combining data series provides deeper comparative analysis.).

Achievement pathway

  • Foundation: Identify a chart legend showing multiple colored series.
  • Developing: Plot two data series (e.g. Sales 2024 vs Sales 2025) on one bar chart.
  • Secure: Create a Combo Chart combining columns (Rainfall) and a line (Temperature).
  • Mastering: Format a secondary Y-axis for different measurement scales. Typing: 25 WPM.

Curriculum links

Curriculum strand: CM.03.B.1.3

Outcome: SPG-O-05 โ€” Comparing multiple data series and combo charts.

PYP: Connection ยท Combining data series provides deeper comparative analysis.

Learner profile: Knowledgeable

Competency tags

  • multi-series
  • combo-charts
  • chart-legends
  • dual-axis

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "What feature on a multi-series chart explains what each color or line represents?" with a teacher or teaching assistant.

Teacher override: allow

Back to top

Locked level

Level 6: Dashboards

Complete the previous learning check to unlock this next level.

Level 6

Dashboards

Building dynamic charts linked to formulas and interactive slicers.

Learning objective

Learning About: Interactive Dashboards. Learning To: Design visual analytics. Learning To Be: Reflective.

Let's Go!

Step media

Learn

Professional dashboards combine multiple dynamic charts on a clean page. When source data or formula values update, your charts update instantly. Adding interactive slicers lets users filter charts live! In computing, interactive dashboards synthesize complex data for decision-making. As you explore the interactive Spreadsheet Simulator below, focus on how to assemble a 3-chart interactive dashboard with connected Slicers.

Interactive Simulator Sandbox
๐Ÿ“Š
Spreadsheet StudioStep 6 โ€ข Bronze Tier
|
A1fx
ABC
1ItemAmount
2Apples5
3Bananas3
4Carrots2
5Total
Challenge: Click cell B5 to inspect how the AutoSum formula adds up column B!

Apply Simulator Skills โ€ข Try it yourself

Assemble a dynamic 3-chart dashboard!

๐Ÿ”„Direct Simulator Transfer: Step 6 Tasks 16, 17 & 18

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Format custom chart colors, fonts, and data callouts.

Developing

Link chart data dynamically to summary formula cells (SUM/AVERAGE).

Secure (Goal)

Assemble a 3-chart interactive dashboard with connected Slicers.

Mastery

Critically evaluate chart formatting to avoid misleading visual distortion. Typing: 30+ WPM.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

How effectively does your interactive dashboard communicate key data trends?

๐ŸŸขSecure Level

Assemble a 3-chart interactive dashboard with connected Slicers.

Learning check

Learning Check

Why is truncating the Y-axis (not starting at zero) on a bar chart often considered misleading?

Identify the data ethics risk.

Answer correctly to complete this strand.

Mastered! Starting bar chart axes at non-zero distorts proportions and misleads viewers!Think about how truncating the bottom of a bar makes small gaps look enormous.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Step Inside

Teacher notes: Facilitate the Step Inside routine for 2โ€“3 minutes. Encourage students to connect the prompt to Reflection (Interactive dashboards synthesize complex data for decision-making.).

Achievement pathway

  • Foundation: Format custom chart colors, fonts, and data callouts.
  • Developing: Link chart data dynamically to summary formula cells (SUM/AVERAGE).
  • Secure: Assemble a 3-chart interactive dashboard with connected Slicers.
  • Mastering: Critically evaluate chart formatting to avoid misleading visual distortion. Typing: 30+ WPM.

Curriculum links

Curriculum strand: MAT.03.E.1.6

Outcome: SPG-O-06 โ€” Building dynamic charts linked to formulas and interactive slicers.

PYP: Reflection ยท Interactive dashboards synthesize complex data for decision-making.

Learner profile: Reflective

Competency tags

  • dashboards
  • dynamic-charts
  • interactive-slicers
  • data-integrity

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "Why is truncating the Y-axis (not starting at zero) on a bar chart often considered misleading?" with a teacher or teaching assistant.

Teacher override: allow

๐ŸŽ’ Students Home โ†’

Install App for Classroom

One-click fullscreen learning for Chromebooks, iPads & PCs

๐Ÿ–ฅ๏ธ
Distraction-FreeFullscreen window without browser tabs or search clutter.
โšก
1-Tap LaunchPin directly to the Chromebook shelf, iPad dock, or Windows taskbar.
๐Ÿ“ถ
Classroom SpeedInstant cached loads for lessons and simulators even on school Wi-Fi.
๐Ÿ”’
Safe & Ad-Free100% free, private, and no app store logins or passwords needed.
  1. 1
    Click the Install button

    In your browser, look at the right end of the top web address bar for the ๐Ÿ’ป Install or โค“ icon.

  2. 2
    Confirm "Install"

    A popup will ask if you want to install "Ed Tech Hub". Click Install.

  3. 3
    Pin to your Shelf

    Right-click (or two-finger tap) the app icon in your Chromebook bottom shelf and select "Pin"!