🔒 Premium Lesson Interactive

Drag-and-Drop Categorization — Lab Notebook Variant

A scientific lab-notebook styled sorting activity where learners drag tiles into the right group buckets, with grid-paper textures and technical typography. Pilots a 'macro lab' nutrition sort but the pattern fits any classification or grouping check.

Best for: Nutrition, fitness, science, and analytical lessons where the sorting activity should feel like a working lab notebook or data exercise.

Live preview — scroll inside the frame to see the full page.

What it does

  • Drag-and-drop tiles — learners pull each data card from the pool and drop it into one of several labeled group columns
  • Lab-notebook layout — light grid background, technical labels, and clean column dividers give the page a scientific feel
  • Instant correctness feedback — correct drops lock into place with a precise confirmation; wrong drops bounce back so the learner can adjust
  • Data-card detail — tiles can include a name, short description, and small icon or value
  • Progress and counter — a discreet counter shows remaining items so learners can pace themselves
  • Completion summary — confirms when every item is correctly grouped and can roll into a follow-up reflection

Best use cases

  • Nutrition coaching — sort foods into macro groups, micronutrient categories, or meal-timing buckets
  • Fitness and movement — classify exercises by muscle group, plane of motion, or training phase
  • Science education — sort elements, organisms, or phenomena into types and categories
  • Data and analytics training — classify metrics into leading vs. lagging or input vs. output
  • Healthcare training — group symptoms, drugs, or interventions by system or class

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, grid line color, tile color, group columns, correct-state, and incorrect-state; works with white-paper, blueprint, or dark-mode palettes
  • Fonts — two roles: a clean technical sans or monospace for labels and tiles, and a body font for prompt and instructions
  • Copy — the prompt, group labels, tile text and short detail, hint copy, completion summary
  • Images — optional tile icons (data symbols, ingredients, instruments) and group glyphs
  • Behavior — choose strict vs. forgiving feedback, number of groups, and whether tiles can be re-sorted

How remixing works

From "swiped it" to "shipped it" in three steps.

01

Pick a remix

Browse the library, find one that fits — like this one.

02

Run it through your DNA

The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.

03

Ship it

Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.