Image Classification with MNIST Handwritten Dataset.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "id": "c708d276",
   "metadata": {},
   "source": [
    "# Image Classification with the MNIST Handwritten Digits Dataset"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "b1e0c608",
   "metadata": {},
   "source": [
    "In this section we will do the \"Hello World\" of deep learning: training a deep learning model to correctly classify hand-written digits.\n",
    "\n",
    "## Objectives\n",
    "\n",
    " * Understand how deep learning can solve problems traditional programming methods cannot\n",
    " * Learn about the [MNSIT handwritten digits dataset](http://yann.lecun.com/exdb/mnist/)\n",
    " * Use the [Keras API](https://keras.io/) to load the MNIST dataset and prepare it for training\n",
    " * Create a simple neural network to perform image classification\n",
    " * Train the neural network using the prepped MNIST dataset\n",
    " * Observe the performance of the trained neural network\n",
    "\n",
    "## The Problem: Image Classification\n",
    "\n",
    "In traditional programming, the programmer is able to articulate rules and conditions in their code that their program can then use to act in the correct way. This approach continues to work exceptionally well for a huge variety of problems.\n",
    " \n",
    "Image classification, which asks a program to correctly classify an image it has never seen before into its correct class, is near impossible to solve with traditional programming techniques. How could a programmer possibly define the rules and conditions to correctly classify a huge variety of images, especially taking into account images that they have never seen?\n",
    "\n",
    "## The Solution: Deep Learning\n",
    "\n",
    "Deep learning excels at pattern recognition by trial and error. By training a deep neural network with sufficient data, and providing the network with feedback on its performance via training, the network can identify, though a huge amount of iteration, its own set of conditions by which it can act in the correct way.\n",
    "\n",
    "## The MNIST Dataset\n",
    "\n",
    "In the history of deep learning, the accurate image classification of the [MNSIT dataset](http://yann.lecun.com/exdb/mnist/), a collection of 70,000 grayscale images of handwritten digits from 0 to 9, was a major development. While today the problem is considered trivial, doing image classification with MNIST has become a kind of \"Hello World\" for deep learning.\n",
    "\n",
    "\n",
    "## Training and Validation Data and Labels\n",
    "\n",
    "When working with images for deep learning, we need both the images themselves, usually denoted as `X`, and also, correct [labels](https://developers.google.com/machine-learning/glossary#label) for these images, usually denoted as `Y`. Furthermore, we need `X` and `Y` values both for *training* the model, and then, a separate set of `X` and `Y` values for *validating* the performance of the model after it has been trained. Therefore, we need 4 segments of data for the MNIST dataset:\n",
    "\n",
    "1. `x_train`: Images used for training the neural network\n",
    "2. `y_train`: Correct labels for the `x_train` images, used to evaluate the model's predictions during training\n",
    "3. `x_valid`: Images set aside for validating the performance of the model after it has been trained\n",
    "4. `y_valid`: Correct labels for the `x_valid` images, used to evaluate the model's predictions after it has been trained\n",
    " \n",
    "The process of preparing data for analysis is called [Data Engineering](https://medium.com/@rchang/a-beginners-guide-to-data-engineering-part-i-4227c5c457d7). To learn more about the differences between training data and validation data (as well as test data), check out [this article](https://machinelearningmastery.com/difference-test-validation-datasets/) by Jason Brownlee.\n",
    "\n",
    "## Loading the Data Into Memory (with Keras)\n",
    "\n",
    "There are many [deep learning frameworks](https://developer.nvidia.com/deep-learning-frameworks), each with their own merits. In this workshop we will be working with [Tensorflow 2](https://www.tensorflow.org/tutorials/quickstart/beginner), and specifically with the [Keras API](https://keras.io/). Keras has many useful built in functions designed for the computer vision tasks. It is also a legitimate choice for deep learning in a professional setting due to its [readability](https://blog.pragmaticengineer.com/readable-code/) and efficiency, though it is not alone in this regard, and it is worth investigating a variety of frameworks when beginning a deep learning project.\n",
    " \n",
    "One of the many helpful features that Keras provides are modules containing many helper methods for [many common datasets](https://www.tensorflow.org/api_docs/python/tf/keras/datasets), including MNIST."
   ]
  },
  {
   "cell_type": "markdown",
   "id": "43390ce4",
   "metadata": {},
   "source": [
    "## Importing the Libraries and Loading the Dataset"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 44,
   "id": "d7c2b230",
   "metadata": {},
   "outputs": [],
   "source": [
    "# We will begin by loading the Keras dataset module for MNIST:\n",
    "from tensorflow.keras.datasets import mnist\n",
    "import tensorflow.keras as keras\n",
    "from tensorflow.keras.models import Sequential\n",
    "from tensorflow.keras.layers import Dense\n",
    "import matplotlib.pyplot as plt"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "id": "d59a350f",
   "metadata": {
    "scrolled": false
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Downloading data from https://storage.googleapis.com/tensorflow/tf-keras-datasets/mnist.npz\n",
      "11493376/11490434 [==============================] - 18s 2us/step\n"
     ]
    }
   ],
   "source": [
    "# With the `mnist` module, we can easily load the MNIST data, already partitioned into images and labels for both training and validation:\n",
    "# the data, split between train and validation sets\n",
    "(x_train, y_train), (x_valid, y_valid) = mnist.load_data()"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "965f5626",
   "metadata": {},
   "source": [
    "## Exploring the MNIST Data\n",
    "\n",
    "We stated above that the MNIST dataset contained 70,000 grayscale images of handwritten digits. By executing the following cells, we can see that Keras has partitioned 60,000 of these images for training, and 10,000 for validation (after training), and also, that each image itself is a 2D array with the dimensions 28x28:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "id": "ef47d450",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "(60000, 28, 28)"
      ]
     },
     "execution_count": 13,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "x_train.shape"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "b53a969e",
   "metadata": {},
   "source": [
    "Furthermore, we can see that these 28x28 images are represented as a collection of unsigned 8-bit integer values between 0 and 255, the values corresponding with a pixel's grayscale value where `0` is black, `255` is white, and all other values are in between:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 14,
   "id": "d4b011a9",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "(10000, 28, 28)"
      ]
     },
     "execution_count": 14,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "x_valid.shape"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 15,
   "id": "077ed5e5",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "(0, 255)"
      ]
     },
     "execution_count": 15,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "x_train.min(), x_train.max()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 16,
   "id": "259d9d15",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "array([[  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   3,\n",
       "         18,  18,  18, 126, 136, 175,  26, 166, 255, 247, 127,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,  30,  36,  94, 154, 170,\n",
       "        253, 253, 253, 253, 253, 225, 172, 253, 242, 195,  64,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,  49, 238, 253, 253, 253, 253,\n",
       "        253, 253, 253, 253, 251,  93,  82,  82,  56,  39,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,  18, 219, 253, 253, 253, 253,\n",
       "        253, 198, 182, 247, 241,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,  80, 156, 107, 253, 253,\n",
       "        205,  11,   0,  43, 154,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,  14,   1, 154, 253,\n",
       "         90,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0, 139, 253,\n",
       "        190,   2,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,  11, 190,\n",
       "        253,  70,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,  35,\n",
       "        241, 225, 160, 108,   1,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         81, 240, 253, 253, 119,  25,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,  45, 186, 253, 253, 150,  27,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0,  16,  93, 252, 253, 187,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0,   0,   0, 249, 253, 249,  64,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,  46, 130, 183, 253, 253, 207,   2,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,  39,\n",
       "        148, 229, 253, 253, 253, 250, 182,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,  24, 114, 221,\n",
       "        253, 253, 253, 253, 201,  78,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,  23,  66, 213, 253, 253,\n",
       "        253, 253, 198,  81,   2,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,  18, 171, 219, 253, 253, 253, 253,\n",
       "        195,  80,   9,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,  55, 172, 226, 253, 253, 253, 253, 244, 133,\n",
       "         11,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0, 136, 253, 253, 253, 212, 135, 132,  16,   0,\n",
       "          0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0],\n",
       "       [  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "          0,   0]], dtype=uint8)"
      ]
     },
     "execution_count": 16,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "x_train[0]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 19,
   "id": "3b21317d",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<matplotlib.image.AxesImage at 0x1c317acf730>"
      ]
     },
     "execution_count": 19,
     "metadata": {},
     "output_type": "execute_result"
    },
    {
     "data": {
      "image/png": "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\n",
      "text/plain": [
       "<Figure size 432x288 with 1 Axes>"
      ]
     },
     "metadata": {
      "needs_background": "light"
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "img = x_train[18]\n",
    "plt.imshow(img,cmap=\"gray\")"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "a071b8fb",
   "metadata": {},
   "source": [
    "In this way we can now see that this is a 28x28 pixel image of a 6. Or is it a 3? The answer is in the `y_train` data, which contains correct labels for the data. Let's take a look:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 27,
   "id": "287c8fea",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "6"
      ]
     },
     "execution_count": 27,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "y_train[18]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 26,
   "id": "fbd90083",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<matplotlib.image.AxesImage at 0x1c317db4790>"
      ]
     },
     "execution_count": 26,
     "metadata": {},
     "output_type": "execute_result"
    },
    {
     "data": {
      "image/png": "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\n",
      "text/plain": [
       "<Figure size 432x288 with 1 Axes>"
      ]
     },
     "metadata": {
      "needs_background": "light"
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "img = x_train[1809]\n",
    "plt.imshow(img,cmap=\"PuRd\")"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 28,
   "id": "e33d29d2",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "3"
      ]
     },
     "execution_count": 28,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "y_train[1809]"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "9c3196b8",
   "metadata": {},
   "source": [
    "## Preparing the Data for Training"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "c5567a87",
   "metadata": {},
   "source": [
    "In deep learning, it is common that data needs to be transformed to be in the ideal state for training. For this particular image classification problem, there are 3 tasks we should perform with the data in preparation for training:\n",
    " 1. Flatten the image data, to simplify the image input into the model\n",
    " 2. Normalize the image data, to make the image input values easier to work with for the model\n",
    " 3. Categorize the labels, to make the label values easier to work with for the model\n",
    "\n",
    "### Flattening the Image Data\n",
    "\n",
    "Though it's possible for a deep learning model to accept a 2-dimensional image (in our case 28x28 pixels), we're going to simplify things to start and [reshape](https://www.tensorflow.org/api_docs/python/tf/reshape) each image into a single array of 784 continuous pixels (note: 28x28 = 784). This is also called flattening the image.\n",
    " \n",
    "Here we accomplish this using the helper method `reshape`:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 29,
   "id": "2ebf236f",
   "metadata": {},
   "outputs": [],
   "source": [
    "x_train = x_train.reshape(60000, 784)\n",
    "x_valid = x_valid.reshape(10000, 784)"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "375fec34",
   "metadata": {},
   "source": [
    "We can confirm that the image data has been reshaped and is now a collection of 1D arrays containing 784 pixel values each:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 30,
   "id": "f21cfa54",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "(60000, 784)"
      ]
     },
     "execution_count": 30,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "x_train.shape"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 31,
   "id": "1a3766d9",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "array([  0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   3,  18,  18,  18,\n",
       "       126, 136, 175,  26, 166, 255, 247, 127,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,  30,  36,  94, 154, 170, 253,\n",
       "       253, 253, 253, 253, 225, 172, 253, 242, 195,  64,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,  49, 238, 253, 253, 253,\n",
       "       253, 253, 253, 253, 253, 251,  93,  82,  82,  56,  39,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,  18, 219, 253,\n",
       "       253, 253, 253, 253, 198, 182, 247, 241,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "        80, 156, 107, 253, 253, 205,  11,   0,  43, 154,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,  14,   1, 154, 253,  90,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0, 139, 253, 190,   2,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,  11, 190, 253,  70,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,  35,\n",
       "       241, 225, 160, 108,   1,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,  81, 240, 253, 253, 119,  25,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,  45, 186, 253, 253, 150,  27,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,  16,  93, 252, 253, 187,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0, 249,\n",
       "       253, 249,  64,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,  46, 130,\n",
       "       183, 253, 253, 207,   2,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,  39, 148,\n",
       "       229, 253, 253, 253, 250, 182,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,  24, 114,\n",
       "       221, 253, 253, 253, 253, 201,  78,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,  23,  66,\n",
       "       213, 253, 253, 253, 253, 198,  81,   2,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,  18, 171,\n",
       "       219, 253, 253, 253, 253, 195,  80,   9,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,  55, 172,\n",
       "       226, 253, 253, 253, 253, 244, 133,  11,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "       136, 253, 253, 253, 212, 135, 132,  16,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,\n",
       "         0,   0,   0,   0], dtype=uint8)"
      ]
     },
     "execution_count": 31,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "x_train[0]"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "6c47cb94",
   "metadata": {},
   "source": [
    "### Normalizing the Image Data\n",
    "\n",
    "Deep learning models are better at dealing with floating point numbers between 0 and 1 (more on this topic later). Converting integer values to floating point values between 0 and 1 is called [normalization](https://developers.google.com/machine-learning/glossary#normalization), and a simple approach we will take here to normalize the data will be to divide all the pixel values (which if you recall are between 0 and 255) by 255:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 32,
   "id": "aa47da61",
   "metadata": {},
   "outputs": [],
   "source": [
    "x_train = x_train / 255\n",
    "x_valid = x_valid / 255 "
   ]
  },
  {
   "cell_type": "markdown",
   "id": "53e383dd",
   "metadata": {},
   "source": [
    "We can now see that the values are all floating point values between `0.0` and `1.0`:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 33,
   "id": "9f799ee1",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "dtype('float64')"
      ]
     },
     "execution_count": 33,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "x_train.dtype"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 34,
   "id": "33966767",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "(0.0, 1.0)"
      ]
     },
     "execution_count": 34,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "x_train.min(), x_train.max()"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "5f77460a",
   "metadata": {},
   "source": [
    "### Categorical Encoding\n",
    "\n",
    "Consider for a moment, if we were to ask, what is 7 - 2? Stating that the answer was 4 is closer than stating that the answer was 9. However, for this image classification problem, we don't want the neural network to learn this kind of reasoning: we just want it to select the correct category, and understand that if we have an image of the number 5, that guessing 4 is just as bad as guessing 9.\n",
    " \n",
    "As it stands, the labels for the images are integers between 0 and 9. Because these values represent a numerical range, the model might try to draw some conclusions about its performance based on how close to the correct numerical category it guesses.\n",
    " \n",
    "Therefore, we will do something to our data called categorical encoding. This kind of transformation modifies the data so that each value is a collection of all possible categories, with the actual category that this particular value is set as true.\n",
    " \n",
    "As a simple example, consider if we had 3 categories: red, blue, and green. For a given color, 2 of these categories would be false, and the other would be true:\n",
    "\n",
    " |Actual Color| Is Red? | Is Blue? | Is Green?|\n",
    " |------------|---------|----------|----------|\n",
    " |Red|True|False|False|\n",
    " |Green|False|False|True|\n",
    " |Blue|False|True|False|\n",
    " |Green|False|False|True|\n",
    "\n",
    "Rather than use \"True\" or \"False\", we could represent the same using binary, either 0 or 1:\n",
    "\n",
    "|Actual Color| Is Red? | Is Blue? | Is Green?|\n",
    "|------------|---------|----------|----------|\n",
    "|Red|1|0|0|\n",
    "|Green|0|0|1|\n",
    "|Blue|0|1|0|\n",
    "|Green|0|0|1|\n",
    "\n",
    "This is what categorical encoding is, transforming values which are intended to be understood as categorical labels into a representation that makes their categorical nature explicit to the model. Thus, if we were using these values for training, we would convert...\n",
    "\n",
    "```python\n",
    "values = ['red, green, blue, green']\n",
    "```\n",
    "\n",
    "... which a neural network would have a very difficult time making sense of, instead to:\n",
    "\n",
    "```python\n",
    "values = [\n",
    "     [1, 0, 0],\n",
    "     [0, 0, 1],\n",
    "     [0, 1, 0],\n",
    "     [0, 0, 1]\n",
    "]\n",
    "```\n"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "16c9f913",
   "metadata": {},
   "source": [
    "### Categorically Encoding the Labels\n",
    "\n",
    "Keras provides a utility to [categorically encode values](https://www.tensorflow.org/api_docs/python/tf/keras/utils/to_categorical), and here we use it to perform categorical encoding for both the training and validation labels:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 36,
   "id": "9820ba58",
   "metadata": {},
   "outputs": [],
   "source": [
    "num_categories = 10\n",
    "\n",
    "y_train = keras.utils.to_categorical(y_train, num_categories)\n",
    "y_valid = keras.utils.to_categorical(y_valid, num_categories)"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "32c74f2d",
   "metadata": {},
   "source": [
    "Here are the first 10 values of the training labels, which you can see have now been categorically encoded:\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 37,
   "id": "6f29445a",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "array([[0., 0., 0., 0., 0., 1., 0., 0., 0., 0.],\n",
       "       [1., 0., 0., 0., 0., 0., 0., 0., 0., 0.],\n",
       "       [0., 0., 0., 0., 1., 0., 0., 0., 0., 0.],\n",
       "       [0., 1., 0., 0., 0., 0., 0., 0., 0., 0.],\n",
       "       [0., 0., 0., 0., 0., 0., 0., 0., 0., 1.],\n",
       "       [0., 0., 1., 0., 0., 0., 0., 0., 0., 0.],\n",
       "       [0., 1., 0., 0., 0., 0., 0., 0., 0., 0.],\n",
       "       [0., 0., 0., 1., 0., 0., 0., 0., 0., 0.],\n",
       "       [0., 1., 0., 0., 0., 0., 0., 0., 0., 0.]], dtype=float32)"
      ]
     },
     "execution_count": 37,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "y_train[0:9]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 39,
   "id": "0065d3c1",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "array([0., 0., 0., 0., 0., 0., 1., 0., 0., 0.], dtype=float32)"
      ]
     },
     "execution_count": 39,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "y_train[18] # shows 6 as the number by indicating the element at 6th index as 1"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "a0e1e7a1",
   "metadata": {},
   "source": [
    "## Creating the Model\n",
    "\n",
    "With the data prepared for training, it is now time to create the model that we will train with the data. This first basic model will be made up of several *layers* and will be comprised of 3 main parts:\n",
    " \n",
    "   1. An input layer, which will receive data in some expected format\n",
    "   2. Several [hidden layers](https://developers.google.com/machine-learning/glossary#hidden-layer), each comprised of many *neurons*. Each [neuron](https://developers.google.com/machine-learning/glossary#neuron) will have the ability to affect the network's guess with its *weights*, which are values that will be updated over many iterations as the network gets feedback on its performance and learns\n",
    "   3. An output layer, which will depict the network's guess for a given image"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "8a12e640",
   "metadata": {},
   "source": [
    "### Instantiating the Model\n",
    "\n",
    "To begin, we will use Keras's [Sequential](https://www.tensorflow.org/api_docs/python/tf/keras/Sequential) model class to instantiate an instance of a model that will have a series of layers that data will pass through in sequence:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 41,
   "id": "ef18941c",
   "metadata": {},
   "outputs": [],
   "source": [
    "model = Sequential()"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "b65846dd",
   "metadata": {},
   "source": [
    "### Creating the Input Layer\n",
    "\n",
    "Next, we will add the input layer. This layer will be *densely connected*, meaning that each neuron in it, and its weights, will affect every neuron in the next layer. To do this with Keras, we use Keras's [Dense](https://www.tensorflow.org/api_docs/python/tf/keras/layers/Dense) layer class."
   ]
  },
  {
   "cell_type": "markdown",
   "id": "24b70e7a",
   "metadata": {},
   "source": [
    "The `units` argument specifies the number of neurons in the layer. We are going to use `512` which we have chosen from experimentation. Choosing the correct number of neurons is what puts the \"science\" in \"data science\" as it is a matter of capturing the statistical complexity of the dataset. Try playing around with this value later to see how it affects training and to start developing a sense for what this number means.\n",
    "\n",
    "We will learn more about activation functions later, but for now, we will use the `relu` activation function, which in short, will help our network to learn how to make more sophisticated guesses about data than if it were required to make guesses based on some strictly linear function.\n",
    " \n",
    "The `input_shape` value specifies the shape of the incoming data which in our situation is a 1D array of 784 values:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 45,
   "id": "c52568e0",
   "metadata": {},
   "outputs": [],
   "source": [
    "\n",
    "model.add(Dense(units=512, activation='relu', input_shape=(784,)))"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "32c2d559",
   "metadata": {},
   "source": [
    "### Creating the Hidden Layer\n",
    "\n",
    "Now we will add an additional densely connected layer. Again, much more will be said about these later, but for now know that these layers give the network more parameters to contribute towards its guesses, and therefore, more subtle opportunities for accurate learning:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 46,
   "id": "2f1b3fac",
   "metadata": {},
   "outputs": [],
   "source": [
    "model.add(Dense(units = 512, activation='relu'))"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "a87b0771",
   "metadata": {},
   "source": [
    "### Creating the Output Layer\n",
    "\n",
    "Finally, we will add an output layer. This layer uses the activation function `softmax` which will result in each of the layer's values being a probability between 0 and 1 and will result in all the outputs of the layer adding to 1. In this case, since the network is to make a guess about a single image belonging to 1 of 10 possible categories, there will be 10 outputs. Each output gives the model's guess (a probability) that the image belongs to that specific class:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 47,
   "id": "01ae4434",
   "metadata": {},
   "outputs": [],
   "source": [
    "model.add(Dense(units = 10, activation='softmax'))"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "e4a9b51f",
   "metadata": {},
   "source": [
    "### Summarizing the Model\n",
    "\n",
    "Keras provides the model instance method [summary](https://www.tensorflow.org/api_docs/python/tf/summary) which will print a readable summary of a model:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 48,
   "id": "4ab22ce2",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Model: \"sequential\"\n",
      "_________________________________________________________________\n",
      "Layer (type)                 Output Shape              Param #   \n",
      "=================================================================\n",
      "dense (Dense)                (None, 512)               401920    \n",
      "_________________________________________________________________\n",
      "dense_1 (Dense)              (None, 512)               262656    \n",
      "_________________________________________________________________\n",
      "dense_2 (Dense)              (None, 10)                5130      \n",
      "=================================================================\n",
      "Total params: 669,706\n",
      "Trainable params: 669,706\n",
      "Non-trainable params: 0\n",
      "_________________________________________________________________\n"
     ]
    }
   ],
   "source": [
    "model.summary()"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "fd8499d3",
   "metadata": {},
   "source": [
    "Note the number of trainable parameters. Each of these can be adjusted during training and will contribute towards the trained model's guesses.\n"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "e02803df",
   "metadata": {},
   "source": [
    "### Compiling the Model\n",
    "\n",
    "Again, more details are to follow, but the final step we need to do before we can actually train our model with data is to [compile](https://www.tensorflow.org/api_docs/python/tf/keras/Sequential#compile) it. Here we specify a [loss function](https://developers.google.com/machine-learning/glossary#loss) which will be used for the model to understand how well it is performing during training. We also specify that we would like to track `accuracy` while the model trains:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 49,
   "id": "9f3e915b",
   "metadata": {},
   "outputs": [],
   "source": [
    "model.compile(loss='categorical_crossentropy', metrics=['accuracy'])"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "e843793d",
   "metadata": {},
   "source": [
    "## Training the Model\n",
    "\n",
    "Now that we have prepared training and validation data, and a model, it's time to train our model with our training data, and verify it with its validation data.\n",
    " \n",
    "\"Training a model with data\" is often also called \"fitting a model to data.\" Put this latter way, it highlights that the shape of the model changes over time to more accurately understand the data that it is being given.\n",
    " \n",
    "When fitting (training) a model with Keras, we use the model's [fit](https://www.tensorflow.org/api_docs/python/tf/keras/Model#fit) method. It expects the following arguments:\n",
    " \n",
    " * The training data\n",
    " * The labels for the training data\n",
    " * The number of times it should train on the entire training dataset (called an *epoch*)\n",
    " * The validation or test data, and its labels\n",
    "\n",
    "Run the cell below to train the model. We will discuss its output after the training completes:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 50,
   "id": "0bdcfbce",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Epoch 1/10\n",
      "1875/1875 [==============================] - 43s 23ms/step - loss: 0.1933 - accuracy: 0.9421 - val_loss: 0.1022 - val_accuracy: 0.9719\n",
      "Epoch 2/10\n",
      "1875/1875 [==============================] - 42s 22ms/step - loss: 0.1005 - accuracy: 0.9739 - val_loss: 0.0862 - val_accuracy: 0.9775\n",
      "Epoch 3/10\n",
      "1875/1875 [==============================] - 44s 24ms/step - loss: 0.0839 - accuracy: 0.9803 - val_loss: 0.1102 - val_accuracy: 0.9754\n",
      "Epoch 4/10\n",
      "1875/1875 [==============================] - 44s 24ms/step - loss: 0.0753 - accuracy: 0.9834 - val_loss: 0.1417 - val_accuracy: 0.9771\n",
      "Epoch 5/10\n",
      "1875/1875 [==============================] - 42s 23ms/step - loss: 0.0683 - accuracy: 0.9853 - val_loss: 0.2079 - val_accuracy: 0.9700\n",
      "Epoch 6/10\n",
      "1875/1875 [==============================] - 47s 25ms/step - loss: 0.0580 - accuracy: 0.9880 - val_loss: 0.1609 - val_accuracy: 0.9768\n",
      "Epoch 7/10\n",
      "1875/1875 [==============================] - 41s 22ms/step - loss: 0.0518 - accuracy: 0.9897 - val_loss: 0.2012 - val_accuracy: 0.9743\n",
      "Epoch 8/10\n",
      "1875/1875 [==============================] - 39s 21ms/step - loss: 0.0513 - accuracy: 0.9906 - val_loss: 0.1813 - val_accuracy: 0.9784\n",
      "Epoch 9/10\n",
      "1875/1875 [==============================] - 42s 23ms/step - loss: 0.0464 - accuracy: 0.9911 - val_loss: 0.2068 - val_accuracy: 0.9778\n",
      "Epoch 10/10\n",
      "1875/1875 [==============================] - 48s 25ms/step - loss: 0.0421 - accuracy: 0.9919 - val_loss: 0.2287 - val_accuracy: 0.9758\n"
     ]
    }
   ],
   "source": [
    "history = model.fit(\n",
    "    x_train, y_train, epochs=10, verbose=1, validation_data=(x_valid, y_valid)\n",
    ")"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "facd057b",
   "metadata": {},
   "source": [
    "### Observing Accuracy\n",
    "\n",
    "For each of the 5 epochs, notice the `accuracy` and `val_accuracy` scores. `accuracy` states how well the model did for the epoch on all the training data. `val_accuracy` states how well the model did on the validation data, which if you recall, was not used at all for training the model.\n",
    "\n",
    "The model did quite well! The accuracy quickly reached close to 100%, as did the validation accuracy. We now have a model that can be used to accurately detect and classify hand-written images.\n",
    "\n",
    "The next step would be to use this model to classify new not-yet-seen handwritten images. This is called [inference](https://blogs.nvidia.com/blog/2016/08/22/difference-deep-learning-training-inference-ai/). \n"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "087260cf",
   "metadata": {},
   "source": [
    "## Summary\n",
    "\n",
    "It's worth taking a moment to appreciate what we've done here. Historically, the expert systems that were built to do this kind of task were extremely complicated, and people spent their careers building them (check out the references on the [official MNIST page](http://yann.lecun.com/exdb/mnist/) and the years milestones were reached).\n",
    " \n",
    "MNIST is not only useful for its historical influence on Computer Vision, but it's also a great [benchmark](http://www.cs.toronto.edu/~serailhydra/publications/tbd-iiswc18.pdf) and debugging tool. Having trouble getting a fancy new machine learning architecture working? Check it against MNIST. If it can't learn on this dataset, chances are it won't learn on more complicated images and datasets.\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "35785112",
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.8.10"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}