Hand Written Digit Recognition

Hand Written Digit Recognition using javascript library tensorflowjs

Live Demo

https://bensonruan.com/handwritten-digit-recognition-with-tensorflow-js/

Installing

Clone this repository to your local computer

git https://github.com/bensonruan/Hand-Written-Digit-Recognition.git

Point your localhost to the cloned root directory

Browse to http://localhost/index.html

Start Predicting Hand Written Digit

• Draw on the canvas with your mouse on desktop or your finger on your mobile
• Click "Predict" to get result of the hand written digit prediction
• Click "Clean" to start drawing again

Pre-trained model

Use MNIST dataset from Keras with CNN (Convolutional Neural Network)

model = keras.Sequential([
    keras.layers.Conv2D(32, (5, 5), padding="same", input_shape=[28, 28, 1]),
    keras.layers.MaxPool2D((2,2)),
    keras.layers.Conv2D(64, (5, 5), padding="same"),    
    keras.layers.MaxPool2D((2,2)),    
    keras.layers.Flatten(),   
    keras.layers.Dense(1024, activation='relu'),    
    keras.layers.Dropout(0.2),   
    keras.layers.Dense(10, activation='softmax')
])

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

Library

• jquery - JQuery
• tensorflowjs - JavaScript library for training and deploying machine learning models
• Chart.js - JavaScript library for display charts

Support me