Nicholas

How do Different Places Experience Different Climate? Comparing Climate Types
Learning Objectives: 
Identify different climate types of various named locations
Describe climate characteristics of temperature and rainfall using a climograph
Read, interpret and describe temperature and rainfall patterns, referencing the appropriate y- and x-axis in a graph
Compare the climate characteristics of different named locations in the world using a climograph
 
 
Interactive Prompt: 
Grade level: Secondary 3 (Singapore)
Readiness: Mixed abilities

Topic & scope: Comparing Köppen–Geiger climate types across locations using climate graphs (Temperature line °C + Precipitation bars mm). Students switch reference periods (e.g., 1980–2010 vs 1990–2020) and compare locations.

Core learning objectives (student-facing):

Identify and compare Köppen–Geiger climate types for selected locations.

Read climate graphs (axes, units, seasonality, ranges).

Detect changes across periods and explain differences.

Connect locations to extreme weather events via concise info cards.

Essential features (graphs only):

Graph panel as primary view; no world map.

Select locations (search + pick list). Compare up to 2 locations at once.

Compare modes:

Overlay: both locations on one chart (distinct labels; avoid color dependence—use line styles/markers).

Side-by-Side: two charts aligned and scaled for fair comparison.

Reference-period control:

Toggle/slider between 1980–2010 and 1990–2020 (allow future presets).

Optional Play to animate between periods.

Climate graph spec (per location):

Temperature: smooth line (°C, left y-axis).

Precipitation: vertical bars (mm, right y-axis).

X-axis: Jan → Dec; clear tick labels.

Y-axes: auto-scale; show units; subtle gridlines; zero baselines visible.

Title: Location name + climate code centered above the graph (e.g., “Singapore — Af”).

Hover tooltips: Month, Temp (°C), Precip (mm); when overlaying two locations, include location tag.

Legend: Temp (°C) / Precip (mm); if overlaying, show both location names.

Extreme event info (no map):

Clickable location name (above graph or in selection list) opens an Event Card with:

Event type (heatwave/flood/storm/drought etc.), magnitude label (e.g., “24-h rain 310 mm”),

Place & country, date & local time, brief description, casualties (if available).

Event Card provides “Focus months” shortcut to highlight relevant months on the climate graph.

Filters & search:

Filter locations by Köppen code (multi-select), region/continent, hemisphere.

Search by location name.

Accessibility & UX:

Keyboard-navigable controls; ARIA labels for axes and toggles; high-contrast option.

Avoid color-only encoding (use patterns/markers/line styles).

Responsive layout (desktop/tablet).

Performance: lazy-load datasets per selection.

Export & teacher aids:

Export PNG of the current graph(s) and CSV of monthly data for the chosen period(s).

Optional guided prompts (Core/Stretch/Challenge) and Reset to defaults.

Implementation notes:

Validate arrays have 12 months; handle missing data gracefully with “no data” hints.

For Overlay mode, offset precipitation bars slightly or use Side-by-Side to avoid occlusion.

Keep fonts/labels crisp; ensure units are always visible.
https://vle.sandbox.sls.moe.edu.sg/class-group/module/view/cc9680ca-c034-44e9-aa3f-945676edc60d/section/33560/activity/33562?pageNo=1