.drop-zones{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0} .drop-zone{background:rgba(0,0,0,.25);border:3px dashed var(--border);border-radius:18px;min-height:140px;padding:1rem;text-align:center;transition:.2s} .drop-zone.over{border-color:var(--teal);background:rgba(6,214,160,.05)} .dz-title{font-family:'Fredoka One',cursive;font-size:.9rem;margin-bottom:.5rem} .items-tray{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0;min-height:60px} .drag-item{font-size:2rem;cursor:grab;background:var(--card);border:2px solid var(--border);border-radius:12px; padding:.4rem .6rem;transition:.2s;user-select:none;touch-action:none} .drag-item:hover{transform:scale(1.1);border-color:var(--teal)} .drag-item.placed{opacity:.4;pointer-events:none} .placed-items{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin-top:.4rem} .result-box{background:var(--card);border:2px solid var(--border);border-radius:14px;padding:1rem;margin:.6rem 0;text-align:center}
Teach the AI to sort objects into categories by giving it training examples
Drag each item into the correct category. The AI is watching and learning from your examples!
A classifier is one of the most fundamental types of AI system. Its job is to look at an input (like an image, a piece of text, or a set of measurements) and assign it to a category. Email spam filters classify messages as "spam" or "not spam." Photo apps classify images by content โ "beach," "birthday party," "pet." Medical AI classifies X-rays as "normal" or "abnormal." Classification is at the heart of countless AI applications.
The most important concept in this activity is that AI only knows what you teach it. If you train a classifier with many examples of dogs but no examples of cats, the AI will not know what a cat is. If you train it with only red cars, it might not recognize a blue truck as a vehicle. The quality, quantity, and diversity of training data directly determines how well an AI system performs.
This principle has real-world consequences. Facial recognition systems trained primarily on lighter-skinned faces have been shown to perform poorly on darker-skinned faces. Language models trained on internet text can absorb and reproduce societal biases. Understanding the connection between training data and AI behavior is essential for anyone who will use, build, or be affected by AI systems โ which is everyone.
This activity demonstrates supervised learning, where the AI is given labeled examples (you label each item as "animal" or "vehicle") and learns to predict the correct label for new items. Supervised learning is the most common type of machine learning and powers applications from voice assistants to recommendation systems to self-driving cars.
Last reviewed: April 2026 ยท Aligned with AI4K12 Big Idea 3: Learning