A Visual Guide To: Computer Vision in Azure
Tags: azure, sketchnote, machinelearning, beginners
Published: 2021-06-23 19:34:20

---
title: A Visual Guide To: Computer Vision in Azure
published: true
description: Jumpstart your machine learning journey with the Visual Guide to Computer Vision in Azure from @sketchthedocs.
series: A Visual Study Guide For Azure
tags: azure, sketchnote, machinelearning, beginners
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0w8cv73llv2yw7gdfmtv.png
---



> Three resources to jumpstart your learning:
 * 📄 Read the [blog post](https://aka.ms/visual/azure-computer-vision/blog) for the Visual Guide.
 * 🎓 Complete the related [learning path](https://aka.ms/visual/azure-computer-vision/learn).
 * 🔖 Bookmark & visit my [evolving collection](https://docs.microsoft.com/en-us/users/nityan/collections/r3m4s45x1g53g2?WT.mc_id=mobile-30244-ninarasi).


---

## What's a Visual Guide?

It's a poster-sized (high resolution) single-page sketchnote (visual notes) summarizing the content in some associated talk, tutorial, or (as in this case) learning path.

Many of us are visual learners who can scan and process information faster using visual cues like colors, fonts, and illustrations. Visual notes can help us detect patterns or make connections in new ways that help with retention and recall of that information.

_Check out my [@SketchTheDocs](https://twitter.com/sketchthedocs) account for more examples of visual guides!_

---

## Why focus on Computer Vision?

Every project has an origin story. Mine started with seeing Limor Fried (from Adafruit) do this amazing computer vision inspired demo at Microsoft Build.

{% twitter 1397605112718233600 %}

In the demo she:
 * used [Lobe.AI](https://www.lobe.ai/) to train a custom vision model for pastry identification - with no code!
 * downloaded the model to a Raspberry Pi (with a camera module interfaced) and built a smart checkout app for the Internet of Things!

_Check out the lobe-adafruit-kit repository [here](https://t.co/c9xfWkpoQw?amp=1)_ to learn more about the hardware and software involved.

---

## Computer Vision and Me!

That got me thinking!!
 * Lobe.AI is a no-code approach to creating simple custom vision models. Even a 12yo could do it - and I happened to have a 12yo at home 😄.
 *  The Adafruit demo used Python (which the 12yo is familiar with) and [#JulyOT](http://aka.ms/julyot) was right around the corner, so it was perfect time to explore IOT projects.

All we needed was a real-world problem or idea for which we could find (or create) an image dataset. He found one that motivated him!

{% twitter 1399000951105769475 %}

And coincidentally, so did I.

{% twitter 1400567959953813506 %}

But first, we had a great discussion on what exactly computer vision was, how it worked, and what other applications we could build given the right tools and resources. It was that learning journey that led to this visual guide.

---

## Computer Vision and Azure

Lobe.AI is a great starting point for a no-code approach to experimenting with simple custom vision models. However, it is limited in feature and scale. 

When working with real-world applications or use cases, we need technologies that can operate at cloud-scale, and provide us both pre-built computer vision models (that we can use with simple APIs) and support the ability to create custom vision models (tailored to our domain-specific data or requirements).

Azure's suite of [computer vision](https://docs.microsoft.com/en-us/azure/cognitive-services/computer-vision/?WT.mc_id=mobile-30244-ninarasi) services can help. And this [learning path](https://aka.ms/visual/azure-computer-vision/learn) does a fantastic job of walking you through 6 relevant usage scenarios, with hands-on coding exercises. The visual guide below provides a sketchnote summary of that entire learning path.

![The image is a poster-sized sketchnote with a green border enclosing handwritten notes and illustrations summarizing the 6 learning modules in the learning path for computer vision in Azure.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/am1vnnya12lyysxvhf3l.jpg)

---

## Using the Visual Guide

The above image is a low-resolution version of the visual guide. Visit [this blog post](https://acloudguru.com/blog/engineering/a-visual-guide-to-computer-vision-in-azure) for a link to a poster-sized (high resolution) version and a detailed description of the guide and takeaways from the learning path.

Use the visual guide to bookend your learning journey.
 * [Scan it](https://aka.ms/visual/azure-computer-vision/download). Get familiar with terms, workflow.
 * [Read it](https://acloudguru.com/blog/engineering/a-visual-guide-to-computer-vision-in-azure). Learn how services relate.
 * [Code it](https://aka.ms/visual/azure-computer-vision/learn). Complete hands-on exercises!
 * [Re-scan it](https://aka.ms/visual/azure-computer-vision/download). Test your recall & understanding.

Hope you found this useful! _Follow [@SketchTheDocs](https://twitter.com/sketchthedocs) or [bookmark this series](https://dev.to/nitya/series/11040) to discover more visual guides as they are released_

---

> Three resources to jumpstart your learning:
 * 📄 Read the [blog post](https://aka.ms/visual/azure-computer-vision/blog) for the Visual Guide.
 * 🎓 Complete the related [learning path](https://aka.ms/visual/azure-computer-vision/learn).
 * 🔖 Bookmark & visit my [evolving collection](https://docs.microsoft.com/en-us/users/nityan/collections/r3m4s45x1g53g2?WT.mc_id=mobile-30244-ninarasi).