Students manipulate these interactive visual simulations directly inside the chapter reading before answering gated check-in questions:
Preattentive Pop-Out Reaction Timer
Grid of shapes. Find the odd one out.
Change Blindness Demo
A bar chart flashes, one bar changes. Can you spot it?
Gestalt Grouping Lab
40 dots with 4 toggle switches (proximity, similarity, enclosure, connection). Shows grouping and conflict.
Channel Accuracy Ranker
Five values encoded via position, length, angle, area, and color; each channel draws its OWN fixed set of five values, so the answers revealed after one channel cannot be reused on the next. Student estimates values.
Data-Ink Eraser
A cluttered chart rendered as interactive elements. Click junk to remove.
Accessibility Checker
A chart encodes two categories by COLOR ALONE (red vs. green bars).
Teaches: ~1 in 12 men can't read a red/green chart; color-alone encoding is a silent failure; back it up with labels, shape, and position.
Chart Makeover Gallery
Before/after slider showing 6 chart makeovers. Draggable CSS clip-path divider reveals the "after."
Storytelling Sequencer
Arrange data story elements in situation, complication, action order. Click elements to number them in sequence.
Relative-vs-Absolute Framer
One true result (conversions: 2 per 1,000 -> 3 per 1,000). The student views three framings — Relative ("+50%!
Teaches: a perfectly true number can mislead through framing; the honest move is the framing that gives an accurate mental picture — be suspicious when someone offers only the flattering one.
Headline or Boring?
Two-phase exercise: (1) Student rewrites a boring slide title into a headline-style finding, (2) compares their version against the model answer.
Executive Summary Builder
Give a student a messy "findings dump." They drag/rank items into the correct exec-summary order: Decision context → Headline finding → Key findings → Recommendation.