Simulation of reactivity series

What the simulation does

The simulation covers GCSE Chemistry’s reactivity series across two interactive tabs.

Reactions tab — A vertical reactivity ladder runs down the left sidebar, colour-coded from red (very reactive: K, Na) through orange, yellow, green, and purple (unreactive: Ag, Au, Pt). Students click any metal to select it, then choose a reagent — cold water, dilute HCl, or oxygen — and hit React. The canvas plays an animation calibrated to the actual reaction intensity: K in water explodes with a lilac flame and splash particles; Mg in acid generates a rapid bubble stream; Cu in dilute acid shows nothing at all. The bottom overlay always shows the observation text, word equation, and balanced symbol equation with correct state symbols. A red hazard chip appears for reactions too dangerous for school labs.

Displacement tab — Two dropdowns let students pair any metal with a salt solution (MgSO₄, ZnSO₄, FeSO₄, CuSO₄, AgNO₃, AlCl₃). Clicking Drop in either triggers a displacement animation — the solution changes colour, the original metal shrinks, and the displaced metal visibly deposits — or shows “No displacement” if the added metal sits lower in the series. K, Na, Li, and Ca get a dedicated warning explaining they react with the water in the solution first, not the salt. Equations are generated algorithmically with correct stoichiometry and ionic charges (e.g. Fe + 2AgNO₃ → Fe(NO₃)₂ + 2Ag, not a hardcoded template).


Suggested class activity — Predict, Observe, Explain

This works as a whole-class starter (10–15 min) or a paired lab pre/post activity.

Setup — Project the simulation on the board. Do not show students the bottom info bar yet — collapse it using the ▼ toggle so only the equation line is visible.

Round 1 (Reactions tab) — Call out a metal + reagent combination and ask the class to vote on what they expect: violent / moderate / no reaction. Then click React and reveal. Suggested sequence that builds understanding:

  • Na + cold water → vigorous (establishes the pattern)
  • Ca + cold water → compare: less dramatic than Na
  • Mg + dilute HCl → very vigorous (introduces acid reactivity)
  • Cu + dilute HCl → nothing (establishes the H reference point)
  • Mg + oxygen → the bright white flash prompts a safety discussion

After each observation, expand the info bar to reveal the equation and ask a student to read it aloud.

Round 2 (Displacement tab) — Switch tabs and give pairs 3 minutes to silently predict which of these will displace and which won’t, writing their answers on mini whiteboards:

  1. Zn into CuSO₄
  2. Cu into ZnSO₄
  3. Fe into CuSO₄
  4. Mg into FeSO₄
  5. Ag into CuSO₄

Then work through them on screen together. The CuSO₄ colour change from blue to colourless is the most visually striking and tends to prompt good questions about what’s happening to the ions.

Consolidation question — Ask students to write one sentence explaining why Zn displaces Cu but Cu cannot displace Zn, using the words electrons, oxidation, and reduction. This bridges displacement into redox language, which is where most specs go next.