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

I am trying to describe complex matters in simple doodles!

Creative Commons Attribution Share Alike 4.0 InternationalCC-BY-SA-4.0

⚠️ 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! πŸ™‡β€β™€οΈ

header image

Doodles-as-A-Service Repo

CC BY-SA 4.0

πŸ‘‹ Hello, I am sharing some of my doodles, which was originally posted on Twitter and Microsoft open-source projects, in larger resolution.

Algorithms

/algorithms

└── πŸ“algorithms
    β”œβ”€β”€ πŸ“png
    β”‚   β”œβ”€β”€ πŸ“„algorithm101_file.png
    β”‚   └── πŸ“„...
    └── πŸ“tiff
        β”œβ”€β”€ πŸ“„algorithm101_file.tiff
        └── πŸ“„...
  1. Big O Notation: O(n)
  2. Big O Natation: O(1) and O(nΒ²)
  3. Data Structures: Array
  4. Data Structures: Linked List
  5. Data Structures: Stack
  6. Data Structures: Queue
  7. Data Structures: Hash Table (1/2)
  8. Data Structures: Hash Table (2/2)
  9. Data Structures: Binary Heap (1/2)
  10. Data Structures: Binary Heap (2/2)
  11. Data Structures: Binary Search Tree (1/2)
  12. 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
        └── πŸ“„...
  1. Introduction to Programming Languages and Tools of the Trade
  2. Introduction to GitHub
  3. Creating Accessible Webpages
  4. JavaScript Basics: Data Types
  5. JavaScript Basics: Methods and Functions
  6. JavaScript Basics: Making Decisions
  7. JavaScript Basics: Arrays and Loops
  8. Introduction to HTML
  9. Introduction to CSS
  10. 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
        └── πŸ“„...
  1. Machine Learning history
  2. Faireness in ML
  3. Regression
  4. Reinforcement
  5. Time series
  6. 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   
    └── πŸ“„...

  1. git purr (git pull)
  2. git meowge (git merge & git rebase)
  3. git puss (git push)
  4. git cherry-pick & git log

πŸ–¨ 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.

CC BY-SA 4.0