👋 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 digitally 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
├── 📁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)
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
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
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
└── 📁teams
├── 📄teams-toolkit-v3-doodle.png
└── 📄...
- What's New in Teams Toolkit v3
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
└── 📄...
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
└── 📄...
These are something I did while working at Slack. I created the zine (as physical printed books) to be distribute at Slack-sponsored 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.
⚠️ 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.
