Pin-On-Image Interactive — Spatial Identification Variant

What it does

• Pin-drop interaction — the learner clicks or taps to place a pin on the map or image
• Correct-zone feedback — the page tells the learner whether their pin landed in the right area
• Multiple-question sequence — the lesson can run several pin-drop prompts in a row
• Reveal explanations — once the learner answers, a short note explains why this spot matters
• Score or progress indicator — a tally so the learner knows how they did across the lesson
• Responsive lesson layout — works on tablet and phone touchscreens, not just desktop

Best use cases

• Geography — country, capital, and landmark identification
• Healthcare — anatomy pointing on diagrams or scans
• Design and UX — clicking the part of a layout that breaks a heuristic
• Real estate — property-feature identification on floor plans
• Field operations — equipment-location identification on facility maps
• Engineering — component identification on schematic diagrams

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — slots for page background, map-overlay tones, pin color, correct-zone color, and body text.
• Fonts — two roles: a confident display face for prompts and a clean body face for explanations.
• Copy — prompts, explanations, correct/incorrect feedback messages, summary.
• Images — swap the map or image for your own — geographic map, anatomical diagram, web layout, floor plan.
• Behavior — define the correct zones, how feedback appears, how many attempts are allowed.