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.
Pick a remix
Browse the library, find one that fits — like this one.
Run it through your DNA
The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.
Ship it
Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.
Create a new list
Save your favorites
Email me a magic link and I'll add this to your favorites list.