Handwritten Digit Recognizer

A multi-layer neural network built completely from scratch. Draw a digit inside the canvas to witness realtime machine learning preprocessing and inference.

Engine Mode

Downloading Model weights...

Preprocessing Sequence

Drawing
→
Grayscale & Bounding Box
→
Centering
→
28x28
Scale 28x28
→
[0..1]
Normalize Inputs
→
Inference Engine

Prediction

?

Draw inside canvas and click Predict

Model Details

28x28 Input

Digit Probabilities

0
0.0%
1
0.0%
2
0.0%
3
0.0%
4
0.0%
5
0.0%
6
0.0%
7
0.0%
8
0.0%
9
0.0%

Instructions

  • Draw a single digit (0–9) centered on the white canvas area.
  • Make the stroke thick and clear for best recognition rates.
  • Click Predict to feed the drawing into the custom neural network.

Keyboard Shortcuts

C Clear canvas
Enter Trigger predict
Ctrl + Z Undo last stroke