📊 Foundation Module · Read Any Chart

Know Which Chart to Trust

Bar, line, pie, donut, radar, scatter. Six chart types. Every news story, every health report, every doctor's printout uses one of them. Most people never learn which is honest, which can mislead, and which to pick when. This is where you do.

🎮 Reality Health Game · Chart Literacy Earn Healthy Coins · Build your Force Field

← Back to FFH Visualizers Toolkit
Data Points 0 items
💡 For Scatter charts, the "Value" field accepts two numbers separated by a comma (e.g. "85, 72") for X and Y.
A week of daily steps

📖 Reading This Chart

Add data points above to see them visualized.
📘 Teacher's Guide · Foundation Module
Classroom lesson on chart-type literacy — when to use which, how to read each one honestly, and how to spot misleading visualizations in the wild.
▶ 📋 Lesson Plan: How to Read Any Chart
Grades 5–12 50 min Foundation · Data Literacy Math · Health · Civics
Learning Objectives
Identify the six most common chart types and what kind of data each is designed for.
Match a given dataset to the chart type most likely to communicate it honestly.
Recognize common chart misuses — pie charts with too many slices, truncated y-axes, area as proxy for length.
Apply chart literacy to evaluate health, civic, and news visualizations the student encounters in daily life.
🎣 Hook 3 min
Show three charts on the board: a pie chart with 15 slices, a line chart with no labels, a bar chart with a y-axis starting at 70. Ask: "Which of these is honest? Which is confusing? Which is misleading on purpose?" Let students argue for a minute. Reveal: all three are problematic. "Today we learn the rules — so you can read any chart, anywhere, and know what to trust."
🧮 Math Setup 8 min
On the board, list the six chart types and their core question:
  • 📊 Bar: "How do these things compare?" (discrete categories)
  • 📈 Line: "How does it change over time?" (continuous, time-ordered)
  • 🥧 Pie: "What share of the whole?" (parts sum to 100%, max 5-6 slices)
  • 🍩 Donut: Same as pie, with a center label for context
  • 🎯 Radar: "How does this one thing rate across multiple dimensions?" (1 entity, many traits)
  • 🔬 Scatter: "Are these two variables correlated?" (two numbers per point)
Then ask: "Which chart type would you use for…" and walk through 5 quick scenarios.
💻 Digital Exploration 15 min
In pairs, students use the Chart Literacy Visualizer:
  1. Load the "Daily Steps" preset. Toggle through Bar, Line, Pie, Donut, Radar, Scatter. Notice: some make sense, some don't. Bar and Line are honest. Pie is technically possible but tells you nothing useful.
  2. Load "Election Results" preset. Try every chart type. Pie and Donut feel natural here because the parts sum to 100%. Line is meaningless.
  3. Load "Heart Rate Workout" preset. Line chart is perfect. Bar works but is busy. Pie is completely wrong.
  4. Load "Athletic Profile" preset. Radar is uniquely good for this. Try it as Bar and feel the difference.
  5. Build your own dataset and find the right chart for it.
  6. Score 80%+ on the embedded reflection quiz to earn coins.
🤲 Live It: Chart Detective 15 min
Each student finds a chart in the wild — a newspaper, a textbook, a social media post, a doctor's printout — and analyzes it on a worksheet:
  • What type of chart is it? Bar / Line / Pie / Donut / Radar / Scatter / Other?
  • What's the dataset? What's being measured?
  • Is the chart type appropriate for this dataset? Why or why not?
  • Is the y-axis honest? Does it start at zero, or somewhere else? Does that change how you'd read it?
  • Is there a better chart type? Build the same data in the Chart Literacy Visualizer using the chart you'd recommend.
  • Conclusion: Does this chart help or hurt understanding?
Volunteer students present their findings to the class.
💬 Debrief 7 min
Four discussion questions:
  1. Surprise: What surprised you most — that the same data can be made to feel completely different by changing chart type, or that so many charts you see every day are technically wrong?
  2. Math: Why does a pie chart with 15 slices fail mathematically (not just aesthetically)? (Human eyes can't accurately compare more than 4-5 angular sizes at once.)
  3. Personal: Think of a chart you've seen recently — at school, in the doctor's office, in the news. Would you read it differently now?
  4. Mission (Community): If you wanted to convince your school district to add a new program based on a community health stat, which chart type would you build, and why? How does choosing the right chart help others understand and trust your data?
📣 Share It 2 min
  • Writing: Write a 100-word post titled "The chart I'd never use again — and why." Post to your community.
  • Math: Take a real dataset (your daily steps for a week, your grades over a semester, your school's enrollment by grade) and build the best-fit chart in the Visualizer. Share the visualization with a caption explaining your choice.
  • Mission-action: Find one misleading chart in the wild (most are not malicious, just careless) and propose a better version. Share both.
📐 Standards Alignment ISTE 1.3: Knowledge Constructor ISTE 1.7: Global Collaborator CCSS.Math.6.SP.B.4: Display numerical data CCSS.Math.6.SP.B.5: Summarize numerical data CCSS.Math.HSS.ID.A.1: Represent data with plots NHES 3: Accessing Health Information NHES 5: Decision Making ASCD: Healthy, Engaged, Challenged C3 D2.His.14.6-8: Source Evaluation
▶ 🔑 Quick Reference: When to Use Which Chart
📊 Bar Chart
Best for: Comparing discrete categories — "how do these things stack up against each other?" Examples: athletes' personal bests, sales by region, votes per candidate, daily step counts.
Avoid for: Continuous data over time (use Line). Parts of a whole (consider Pie). More than ~15 bars (gets hard to scan).
Honesty check: Y-axis MUST start at zero unless you explicitly mark the break. Otherwise small differences look huge.

📈 Line Chart
Best for: Change over time, especially continuous data. Examples: temperature over the day, heart rate during exercise, stock prices, weight tracked weekly.
Avoid for: Unrelated categories with no natural order. Discrete data where points shouldn't be connected.
Honesty check: Same y-axis rule. Also, watch out for very smoothed lines that obscure data spikes.

🥧 Pie Chart
Best for: Parts of a whole, where slices sum to 100%, with MAX 5-6 slices. Examples: budget categories, election with 3-4 candidates, blood type breakdown.
Avoid for: More than 6 slices (human eyes can't compare angles accurately past that). Comparing values that don't sum to 100%. Anything where you actually need to compare values precisely.
Honesty check: 3D pie charts almost always distort. Stick with flat. Always order slices largest-to-smallest, starting at 12 o'clock.

🍩 Donut Chart
Best for: Same as pie chart, but the hole in the middle lets you put a key number (total, average, score). Examples: "Your quiz score: 86%" with breakdown, "Total budget: $4.2M" with categories.
Avoid for: Same caveats as pie. Don't use the hole for decoration — use it for information.

🎯 Radar Chart
Best for: Rating ONE thing across multiple dimensions (3-8 axes ideal). Examples: athlete's physical profile (speed, strength, endurance, agility, flexibility), food nutritional breakdown, character stats in games.
Avoid for: Comparing many entities (gets tangled fast). When axes aren't related conceptually. When the dimensions don't share a common scale.
Honesty check: All axes must be normalized to the same scale (typically 0–100 or 0–10). Otherwise the shape is misleading.

🔬 Scatter Plot
Best for: Correlation between two numeric variables. Each dot is one observation. Examples: hours studied vs. test score, age vs. blood pressure, calories in vs. weight.
Avoid for: Single-variable data. Time series (use Line). Categorical data.
Honesty check: Watch for "correlation ≠ causation." A scatter showing two things move together does NOT prove one causes the other.

⚠️ Common Misuses to Watch For
  • Y-axis that doesn't start at zero (makes small differences look enormous)
  • Pie charts with too many slices (humans can't compare more than ~5 angles)
  • 3D effects on any chart (distorts perception)
  • Inconsistent intervals on x-axis (squashes or stretches time)
  • Dual y-axes that imply correlation that isn't there
  • Cherry-picked date ranges (showing only part of a longer trend)
  • Stacked bars where the unstacked categories matter more
Chart Literacy Visualizer · Foundation Module · Part of the FFH Visualizers Toolkit
🎮 Reality Health Game · Earn Healthy Coins · Build your Force Field