Topic 2 · Effective Visuals & Reporting  ›  Week 3

Visual Types I — Table, Points & Lines

Now we meet the charts themselves. This week: the points family (pie, scatter) and the lines family (line chart, slopegraph, Gantt) — and when each is the right tool.

By the end of this week you can…

  • Use a pie chart correctly — and know when a bar chart is better.
  • Read a scatterplot and describe the relationship it shows.
  • Build line charts and slopegraphs for change over time.
  • Plan a project with a Gantt chart.
Download this week: 📄 Notes (PDF) 📊 Slides (PPTX)

3.1  The pie chart — useful, but easy to misuse

A pie shows parts of a whole. It works only when there are a few slices (six or fewer), the categories don't overlap, and you're not trying to show a trend. Always label each slice — colour alone fails colour-blind readers.

● Key idea

The eye is bad at comparing angles. The moment you want the audience to compare sizes precisely, a pie fights you — a bar chart wins because the eye compares aligned lengths easily.

🔎 See it for yourself

Which two e-wallets are closest in student market share? Try to judge it from the pie…

  • Touch ’n Go — 38%
  • GrabPay — 27%
  • Boost — 18%
  • ShopeePay — 12%
  • Others — 5%

Hard to rank by eye, right? Now the same data as a bar chart.

● Watch out

Never dress a pie with 3D or shadows — they distort the slice sizes. And if you have more than six categories, a pie becomes confetti; switch to a bar chart.

3.2  The scatterplot — showing a relationship

A scatterplot places one variable on the x-axis and another on the y-axis, one dot per observation. It answers: are these two things related, and how? The pattern can be positive, negative, none, or non-linear.

● Example · Revision hours vs CGPA

Plot each student's weekly revision hours (x) against CGPA (y). If the cloud of dots rises left-to-right, more revision is associated with higher CGPA — a positive relationship. A shapeless cloud means no clear relationship. (Association, not proof of cause — remind students of that.)

Scatterplot — revision hours vs CGPA
Revision hours per week → CGPA ↑

Each dot is one student. The dots rise left-to-right — a positive relationship. (Dashed line = the general direction; association is not proof of cause.)

● Try it · Pick the chart

You want to show (a) the share of students by faculty, and (b) whether taller students also weigh more. Which is a pie and which is a scatterplot — and why?

● Session 1 recap

Points charts show one value each. A pie works for a few parts of a whole (≤6, labelled, no trend) — but the eye can't compare angles, so use bars to rank. A scatterplot shows the relationship between two variables (positive, negative, none, non-linear) — association, not cause.

3.3  The line chart — change over time

Lines connect points, which implies continuity — so they're for continuous data over time (days, months, years). Plot time on the x-axis at even intervals. One line, or several to compare series.

● Example · MRT ridership

Monthly ridership on the MRT Kajang line over a year sits perfectly on a line chart — you instantly see the school-holiday dips and the year-end climb. A second line for a different route lets you compare the two trends at once.

Line chart — MRT ridership over a year (’000)
JFMAMJJASOND

The shape tells the story — mid-year holiday dips (June) and a strong year-end climb. A line chart doesn't need a zero baseline; the trend is what matters.

● Key idea

Line charts do not need a zero baseline (unlike bars) — their message is the shape of the trend, not length from zero. You can also add a shaded band to show a range (min–max or a forecast).

3.4  The slopegraph — two points, clear change

When you only have two time points and several categories, a slopegraph beats a busy chart: two columns of dots joined by lines, so a rising or falling slope shows each category's change instantly.

● Example · E-wallet use before vs after a campus cashless drive

Left column = 2024, right column = 2026, one line per age group. Most slopes rise; one dips. Your eye is drawn straight to the group that fell — no “rate of change” explanation needed.

Slopegraph — e-wallet use (%), 2024 → 2026
2024 2026 18–2021–2324–2627+ 82707540

Three age groups rose; the 27+ group fell — and your eye jumps straight to that falling red line without any explanation.

3.5  The Gantt chart — planning your project

A Gantt chart is a horizontal-bar timeline of a project: tasks down the side, time across the top, each bar showing when a task starts, how long it runs, and where tasks overlap.

● Try it · Gantt for your own case study

This is the tool for your STA191 group project. Sketch a Gantt with: choose topic → collect data → clean data → build charts → write report → rehearse presentation, laid across Weeks 5–14. Which tasks can overlap?

Gantt chart — a sample STA191 project timeline
W5W6W7W8W9W10W11W12W13W14
Choose topic
Collect data
Clean data
Build charts
Write report
Rehearse

Tasks down the side, weeks across the top. Each bar shows start, duration and where tasks overlap (e.g. collecting data while still choosing the topic).

● Session 2 recap

Lines are for change over time: a line chart shows a trend (no zero baseline needed), a slopegraph shows change between two points, and a Gantt chart plans a project — the tool for your own case study.

Key terms & definitions

Pie chart
Shows parts of a whole; use only for ≤6 non-overlapping, labelled categories with no trend.
Scatterplot
One dot per observation on two axes; shows whether and how two variables are related.
Positive / negative relationship
Dots rising left-to-right (positive) or falling (negative); a shapeless cloud means no relationship.
Line chart
Connected points for continuous data over time at even intervals; shows the shape of a trend.
Slopegraph
Two columns of points joined by lines; a rising or falling slope shows each category's change.
Gantt chart
A horizontal-bar project timeline — tasks vs time, showing start, duration and overlaps.

✅ Quick self-check

1. You must let the audience rank eight vendors by exact share. Best choice?

2. Monthly ridership across a year is best shown with a…

3. Which statement about line charts is true?

Week 4 →