Doodles-as-A-Service Repo

👋 Aloha, this is where you can grab most of my tech doodles and sketchnotes.

I have been posting my tech doodles on Twitter and Microsoft open-source projects and I am repeatedly asked where to get the original images, especially from people who saw some of my works out of context on some social media, so I decided to put all together on one GitHub repo.

Here are some of the latest giditally created handdrawn doodles, as well as photos of analog ones.

All my doodles are under Creative Commons license. So please share with attributions. And I definitely don't want you to NFT them without my permission (and I won't permit you because you don't own them. They are open-sourced to be freely available for educational purpose only!)

Enjoy 🌺

Algorithms

/algorithms

└── 📁algorithms
    ├── 📁png
    │   ├── 📄algorithm101_file.png
    │   └── 📄...
    └── 📁tiff
        ├── 📄algorithm101_file.tiff
        └── 📄...

Big O Notation: O(n)
Big O Natation: O(1) and O(n²)
Data Structures: Array
Data Structures: Linked List
Data Structures: Stack
Data Structures: Queue
Data Structures: Hash Table (1/2)
Data Structures: Hash Table (2/2)
Data Structures: Binary Heap (1/2)
Data Structures: Binary Heap (2/2)
Data Structures: Binary Search Tree (1/2)
Data Structures: Binary Search Tree (2/2)

Web Development for Beginners

/webdev

These images are created for the project at Microsoft I was in, Web Dev for Beginners curriculum.

└── 📁webdev
    ├── 📁png
    │   ├── webdev101-programmingml-history.png
    │   └── 📄...
    └── 📁tiff
        ├── 📄webdev101-programming.tiff
        └── 📄...

Introduction to Programming Languages and Tools of the Trade
Introduction to GitHub
Creating Accessible Webpages
JavaScript Basics: Data Types
JavaScript Basics: Methods and Functions
JavaScript Basics: Making Decisions
JavaScript Basics: Arrays and Loops
Introduction to HTML
Introduction to CSS
DOM Manipulation and a Closure

Machine Learning for Beginners

/ml

These images are created for another project at Microsoft I was in, Machine Learning for Beginners curriculum.

└── 📁ml
    ├── 📁png
    │   ├── 📄ml-history.png
    │   └── 📄...
    └── 📁tiff
        ├── 📄ml-history.tiff
        └── 📄...

Machine Learning history
Faireness in ML
Regression
Reinforcement
Time series
ML in the real world

Git Purr - Git Explained with Cats!

/git-purr

This series is my ealier work and everything is drawn in very analog way.

I am planning to recreate digitally someday. Git cherrypick is the only one that digitally handdrawn after I got an iPad with Pencil.

└── 📁git-purr
    ├── 📄git-purr.jpg   
    └── 📄...

git purr (git pull)
git meowge (git merge & git rebase)
git puss (git push)
git cherry-pick & git log

Microsoft Teams

/teams

└── 📁teams
    ├── 📄teams-toolkit-v3-doodle.png  
    └── 📄...

What's New in Teams Toolkit v3

Live Sketchnotes from Conferences and Classes

/sketchnotes

These are some of my old sketchnotes from the past. I don't have all of my drawings but post as I find somewhere in my HD or cloud spaces.

└── 📁sketchnotes  
    └── 📄...

HTTP Status Cats 🐱

This is one of my first personal project to make technology into cats. Although this is not doodling, I thought it was worth mentioning here!

All HTTP Cats are now hosted at HTTP.cat because the domain name is awesome.

All images (except a few) are originally created by me a decade ago! Read the story on Know Your Meme

Slack API Zine

/slack

└── 📁slack  
    └── 📄...

These are something I did while working at Slack. I created the zine (as physical printed books) to be distribute at Slack-sponcered events and conferences, but never get fully approved. Well, the global pandemic forced us to give up all in-person events anyway.

The content is outdated as of 2022 so view them with cautions.

🖨 Printing

⚠️ Updated on August 27, 2021:

GitHub warned me that my Git LFS is disabled as the bandwidth exceeded exceeded your data plan by 150%+. So now the high-res version in TIFF is temporary unavailable. I will move them somewhere when I have time. Thank you! 🙇‍♀️

The tiff files are for printing. I set them in 5.83 x 8.27 inches, which should fit in A5 paper size. They are large files and stored as LFS files so you won't download the actual files when you git clone so please download manually from GitHub.

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

jdmonty / a-picture-is-worth-a-1000-words