Bird
Raised Fist0
Computer Visionml~5 mins

Handwriting recognition basics in Computer Vision

Choose your learning style10 modes available

Start learning this pattern below

Jump into concepts and practice - no test required

or
Recommended
Test this pattern10 questions across easy, medium, and hard to know if this pattern is strong
Introduction

Handwriting recognition helps computers read and understand written text. It turns pictures of handwriting into digital letters.

Reading handwritten notes to make them searchable on a computer
Automatically sorting mail by reading addresses on envelopes
Helping people with disabilities write using a pen or stylus
Digitizing old handwritten documents for easy access
Recognizing numbers and letters on forms or checks
Syntax
Computer Vision
model = Sequential([
    Flatten(input_shape=(28, 28)),
    Dense(128, activation='relu'),
    Dense(10, activation='softmax')
])

model.compile(optimizer='adam', loss='sparse_categorical_crossentropy', metrics=['accuracy'])

This example shows a simple neural network for recognizing handwritten digits.

Input images are 28x28 pixels, flattened into a list of numbers.

Examples
A smaller model with 64 neurons in the hidden layer for faster training.
Computer Vision
from tensorflow.keras.models import Sequential
from tensorflow.keras.layers import Flatten, Dense

model = Sequential([
    Flatten(input_shape=(28, 28)),
    Dense(64, activation='relu'),
    Dense(10, activation='softmax')
])
Using SGD optimizer instead of Adam for training the model.
Computer Vision
model.compile(optimizer='sgd', loss='sparse_categorical_crossentropy', metrics=['accuracy'])
Sample Model

This program trains a simple neural network to recognize handwritten digits from the MNIST dataset. It shows training progress, test accuracy, and predictions for 5 images.

Computer Vision
import tensorflow as tf
from tensorflow.keras.models import Sequential
from tensorflow.keras.layers import Flatten, Dense

# Load MNIST dataset of handwritten digits
(x_train, y_train), (x_test, y_test) = tf.keras.datasets.mnist.load_data()

# Normalize pixel values to 0-1
x_train, x_test = x_train / 255.0, x_test / 255.0

# Build a simple neural network model
model = Sequential([
    Flatten(input_shape=(28, 28)),
    Dense(128, activation='relu'),
    Dense(10, activation='softmax')
])

# Compile the model
model.compile(optimizer='adam', loss='sparse_categorical_crossentropy', metrics=['accuracy'])

# Train the model for 3 epochs
model.fit(x_train, y_train, epochs=3, verbose=2)

# Evaluate the model on test data
loss, accuracy = model.evaluate(x_test, y_test, verbose=0)
print(f'Test accuracy: {accuracy:.4f}')

# Predict the first 5 test images
predictions = model.predict(x_test[:5])
predicted_labels = predictions.argmax(axis=1)
print('Predicted labels:', predicted_labels)
print('True labels:     ', y_test[:5])
OutputSuccess
Important Notes

Handwriting recognition models often start simple and get more complex for better accuracy.

Normalizing pixel values helps the model learn faster and better.

Using a dataset like MNIST is a great way to practice handwriting recognition.

Summary

Handwriting recognition turns images of writing into text.

Simple neural networks can learn to recognize digits from images.

Training on labeled data like MNIST helps the model improve accuracy.

Practice

(1/5)
1. What is the main goal of handwriting recognition in computer vision?
easy
A. To convert images of handwritten text into digital text
B. To create handwritten images from typed text
C. To detect faces in handwritten notes
D. To enhance the colors of handwritten images

Solution

  1. Step 1: Understand handwriting recognition purpose

    Handwriting recognition aims to read and convert handwritten text images into machine-readable text.
  2. Step 2: Compare options with this goal

    Only To convert images of handwritten text into digital text matches this goal; others describe unrelated tasks.
  3. Final Answer:

    To convert images of handwritten text into digital text -> Option A
  4. Quick Check:

    Handwriting recognition = convert handwriting to text [OK]
Hint: Think: handwriting recognition means reading handwriting [OK]
Common Mistakes:
  • Confusing recognition with image enhancement
  • Thinking it creates handwriting instead of reading it
  • Mixing handwriting with face detection
2. Which Python library is commonly used to load the MNIST dataset for handwriting recognition?
easy
A. pandas
B. matplotlib
C. tensorflow.keras.datasets
D. scikit-learn.preprocessing

Solution

  1. Step 1: Recall common MNIST loading methods

    The MNIST dataset is often loaded using tensorflow.keras.datasets for easy access.
  2. Step 2: Check options for dataset loading

    Only tensorflow.keras.datasets provides direct MNIST loading; others do not.
  3. Final Answer:

    tensorflow.keras.datasets -> Option C
  4. Quick Check:

    MNIST load = tensorflow.keras.datasets [OK]
Hint: Remember: TensorFlow has built-in MNIST loader [OK]
Common Mistakes:
  • Choosing matplotlib which is for plotting
  • Selecting pandas which handles tables, not images
  • Confusing preprocessing with dataset loading
3. What will be the output shape of the images array after loading MNIST dataset with (x_train, y_train), (x_test, y_test) = tf.keras.datasets.mnist.load_data()?
medium
A. (28, 28, 60000)
B. (60000, 28, 28)
C. (60000, 784)
D. (60000, 28, 28, 1)

Solution

  1. Step 1: Understand MNIST image shape

    MNIST images are 28x28 pixels grayscale images, and training set has 60000 samples.
  2. Step 2: Check output shape from load_data()

    Images are loaded as (60000, 28, 28) without channel dimension by default.
  3. Final Answer:

    (60000, 28, 28) -> Option B
  4. Quick Check:

    MNIST images shape = (60000, 28, 28) [OK]
Hint: MNIST images are 28x28 pixels, 60000 training samples [OK]
Common Mistakes:
  • Assuming images are flattened to 784 by default
  • Confusing channel dimension presence
  • Mixing sample count with image dimensions
4. Identify the error in this simple neural network code for handwriting recognition:
model = tf.keras.Sequential([
  tf.keras.layers.Flatten(input_shape=(28, 28, 1)),
  tf.keras.layers.Dense(128, activation='relu'),
  tf.keras.layers.Dense(10)
])
model.compile(optimizer='adam', loss='sparse_categorical_crossentropy', metrics=['accuracy'])
medium
A. Optimizer name is invalid
B. Missing activation function in the last Dense layer
C. Wrong loss function for classification
D. Incorrect input_shape in Flatten layer

Solution

  1. Step 1: Review model architecture

    MNIST images from load_data() have shape (60000, 28, 28).
  2. Step 2: Check input_shape in Flatten

    input_shape=(28, 28, 1) expects input of shape (None, 28, 28, 1), but MNIST data is (None, 28, 28), causing shape mismatch.
  3. Final Answer:

    Incorrect input_shape in Flatten layer -> Option D
  4. Quick Check:

    MNIST x_train.shape = (60000, 28, 28), input_shape=(28, 28) [OK]
Hint: MNIST default shape is (60000, 28, 28), no channel dim [OK]
Common Mistakes:
  • Focusing on missing output activation (optional with this loss)
  • Thinking loss is wrong (correct for integer labels)
  • Assuming optimizer string is invalid (strings work)
5. You want to improve handwriting recognition accuracy by adding dropout to the model. Which code snippet correctly adds dropout after the first Dense layer?
hard
A. tf.keras.layers.Dense(128, activation='relu'), tf.keras.layers.Dropout(0.2)
B. tf.keras.layers.Dropout(0.2), tf.keras.layers.Dense(128, activation='relu')
C. tf.keras.layers.Dense(128, activation='relu', dropout=0.2)
D. tf.keras.layers.Dense(128, activation='relu', rate=0.2)

Solution

  1. Step 1: Understand dropout usage in Keras

    Dropout is a separate layer added after a Dense layer to randomly ignore neurons during training.
  2. Step 2: Check each option for correct syntax

    tf.keras.layers.Dense(128, activation='relu'), tf.keras.layers.Dropout(0.2) correctly places Dropout after Dense with correct parameter 0.2; options C and D incorrectly add dropout as Dense parameters; tf.keras.layers.Dropout(0.2), tf.keras.layers.Dense(128, activation='relu') reverses order, which is not standard.
  3. Final Answer:

    tf.keras.layers.Dense(128, activation='relu'), tf.keras.layers.Dropout(0.2) -> Option A
  4. Quick Check:

    Dropout is a separate layer after Dense [OK]
Hint: Dropout is its own layer placed after Dense layer [OK]
Common Mistakes:
  • Trying to add dropout as Dense layer argument
  • Placing Dropout before Dense layer
  • Using wrong parameter names for dropout