Intro to Visual RecSys
In this chapter, we will explore the “hello world” data for visual models, the FashionMNIST dataset from Zalando with PyTorch, Tensorboard and Colab.
This is part of my Modern Visual RecSys series; feel free to check out the rest of the series at the end of the article.
FashionMNIST and the visual challenge
The data consists of:
- Training set of 60,000 images and a test set of 10,000 images.
- Each image is 28x28 grayscale, across 10 classes: T-shirt/top, Trouser, Pullover, Dress, Coat, Sandal, Shirt, Sneaker, Bag, Ankle boot.
Our goal is to gain an intuitive understanding of two critical concepts: embeddings and distance, as they are fundmental building blocks to the following chapter on Convolutional Neural Networks (CNN).
What are embeddings and why we need them?
Traditionally, we represent images as a massive array of integers (3D array for RGB images and 1D array for grayscale images). These arrays are unwieldy and grow exponentially — we will need to keep track of millions of numbers to analyze hundreds of high-resolution images! It will be impossible to scale any modeling using arrays of integers; hence the modern approach of embeddings is created.
One excellent illustration of the embeddings concept is the example in “Neural Network Embeddings Explained” by Will Koehrsen. Traditionally, we made use of techniques like one-hot encoding to represent items in a matrix. For example, given three books, we will have a 3x3 matrix, where each item is represented by an array of discrete numbers that grows with every new item added (4x4 with 4 items, 5x5 with 5 items…). Furthermore, there is no sense of similarity nor distance as the items are not connected with any form of relationship.
# One Hot Encoding Categoricalsbooks = ["Harry Potter and The Philosopher's Stone",
"Harry Potter and The Chamber of Secrets",
"The Lean Startup"]books_encoded = [[1, 0, 0],
[0, 1, 0],
[0, 0, 1]]Similarity (dot product) between First and Second = 0
Similarity (dot product) between Second and Third = 0
Similarity (dot product) between First and Third = 0
Once we apply a transformation to convert the objects into embeddings, we now limit the number of elements in the array representing each item (the limit is 2 in this example) on a continuous scale, and the values have a relationship-based meaning. Objects close to each other based on similarity (dot product) are highly related.
# Idealized Representation of Embeddingbooks = ["Harry Potter and The Philosopher's Stone",
"Harry Potter and The Chamber of Secrets",
"The Lean Startup"]books_encoded_ideal = [[0.53, 0.85],
[-0.78, -0.62]]Similarity (dot product) between First and Second = 0.99
Similarity (dot product) between Second and Third = -0.94
Similarity (dot product) between First and Third = -0.97
Instead of analyzing millions of discrete variables for each image, embeddings are vector representations of discrete variables. For deep learning, we usually make use of neural network embeddings to reduce the dimensionality of categorical variables into something managable
Because we can control the size of the vector representations, we can scale down a huge image array into a small vector made up of far fewer numbers. The result can be seen from the FashionMNIST objects in the image above, where the objects are projected onto the 3D vector space. Through the process of embeddings, image vectors that are similar will be projected close to each other. Thus, when we have the embeddings, we can:
- Project the objects into vector space and formulate the concept of distance and neighbors for visualization and simple recommendations (this chapter).
- Make use of embeddings to train deep learning models (next chapter)
Let’s take a look at how we can build such embeddings.
A quick overview of the tools that we will be using for the coding sections:
- PyTorch vs. Tensorflow: They are the two dominating frameworks in the deep learning space. PyTorch is gaining momentum in research due to its simplicity and pythonic nature that makes it easier to integrate into python workflows. Even organizations like OpenAI is switching to PyTorch. I find Tensorflow verbose and confusing to use due to changes in Tensorflow 2.0 that break old code with new function names and parameters. PyTorch’s simplicity fits our workflow. We will use PyTorch in all our code examples. I have added PyTorch learning materials (book and tutorials) under the further readings section.
- Tensorboard: Tensorboard used to be one key differentiating factor for Tensorflow. Now that Tensorboard supports PyTorch natively, we can code in PyTorch and visualize it in Tensorboard.
- Colab: Google’s Colab hosts Jupyter notebooks in the cloud with GPU access for free. This is an excellent way for us to share code and explore deep learning frameworks without the hassle and cost of setting up the GPU environment (you just need a free Google Account).
You can preview most of the code below but you will need to start Colab in order to interact with the Tensorboard (the most important part of this chapter).
What have we learned
In this chapter, we learn about embeddings, how they work and why they matter. We also explored the code in PyTorch, experimented with the visualization in Tensorboard to have an intuitive understanding of how recommendations can be done via embeddings.
In the next chapter, we will build on all these understanding to develop a Convolutional Neural Networks (CNN) based recommender.
Explore the rest of Modern Visual RecSys Series
Modern Visual RecSys: How does a recommender work? [Foundational]
In this series of articles, I will introduce modern approaches to visual recommender systems. We begin with a case…
Modern Visual RecSys: How to Design a Recommender? [Foundational]
For this chapter, I will introduce the RecSys Design Framework with a case study of Amazon.
Modern Visual RecSys: Convolutional Neural Networks Recommender [Pro]
We will build a recommender by leveraging transfer learning with ResNet and return visually similar products across…
Modern Visual RecSys: COVID-19 Case Study with CNN [Pro]
We will cluster COVID-19 X-ray images based on severity with our CNN RecSys flow using transfer learning, Spotify’s…
Building a Personalized Real-Time Fashion Collection Recommender [Pro]
We will make use of transfer learning, approximate nearest neighbors, and embeddings centroid detection in PyTorch to…
Temporal Fashion Recommender [Pro]
Building a Recommender That Evolves with Seasons
The Future of Visual Recommender Systems: Four Practical State-Of-The-Art Techniques [Pro]
The future of visual RecSys is an exciting one. Let us explore some of the most cutting edge techniques and ideas that…
- Foundational: general knowledge and theories, minimum coding experience needed.
- Core: more challenging materials with code.
- Pro: Difficult materials and code, with production grade tools.