a-picture-is-worth-a-1000-words README

The project's README from github.com/girliemac/a-picture-is-worth-a-1000-words. As one markdown file: README.md.

header image

Doodles-as-A-Service Repo

CC BY-SA 4.0

👋 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. 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 them all together on one GitHub repo.

Here are some of the latest digitally created hand-drawn doodles, as well as photos of analog ones.

All my doodles are under Creative a 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 🌺

Generative AI

/generative-ai

└── 📁misc
    └── 📁png
        ├── 📄chatgpt.png
        ├── 📄GenAI-doodle-youtube.png
        └── 📄...
  1. ChatGPT - Added in Feb, 2023
  2. Doodle-to-Code YouTube series on GenAI
    • Generative AI and prompting 101
    • Build Clippy for Teams with Azure OpenAI and Teams AI Library
    • Use OpenAI Assistants API to build your own cooking advisor bot on Teams

Algorithms

/algorithms

└── 📁algorithms
    ├── 📁images
    │   ├── 📄algorithm101_file.webp
    │   └── 📄...
    └── 📁pdf
        ├── 📄algorithm101_file.pdf
        └── 📄...
  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
    ├── 📁images
    │   ├── webdev101-programmingml-history.webp
    │   └── 📄...
    └── 📁pdf
        ├── 📄webdev101-programming.pdf
        └── 📄...
  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
    ├── 📁images
    │   ├── 📄ml-history.webp
    │   └── 📄...
    └── 📁pdf
        ├── 📄ml-history.pdf
        └── 📄...
  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 earlier 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.webp  
    └── 📄...
  1. git purr (git pull)
  2. git meowge (git merge & git rebase)
  3. git puss (git push)
  4. git cherry-pick & git log

Microsoft Teams

/teams

└── 📁teams
    ├── 📄teams-toolkit-v3-doodle.webp  
    └── 📄...
  1. 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 projects 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 distributed at Slack-sponsored events and conferences but never got fully approved. 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.

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

CC BY-SA 4.0

a-picture-is-worth-a-1000-words (girliemac/a-picture-is-worth-a-1000-words)

Searching Database…

11.4K ·GitHub
A-picture-is-worth-a-1000-words
What is this?A personal collection of hand-drawn and digital tech doodles and sketchnotes explaining complex tech concepts (algorithms, web dev, machine learning, git, generative AI) in simple pictures.
Is this a tool or just a collection of images?It is a static image repository, not code or software - just folders of doodle images organized by topic that you can browse or download.
How is the content organized?Images are grouped into topic folders like /generative-ai, /algorithms, /webdev, /ml, /git-purr, /teams, /sketchnotes, and /slack, each covering a themed set of doodles.
Do I need any software to use these?No, you just browse or download the image files from the repo folders directly.
Can I use these images freely, even commercially?They are free to share with attribution under CC BY-SA 4.0, but the author explicitly forbids minting them as NFTs, and some content (like the Slack zine) is outdated as of 2022.
Who are the doodles meant for?They're aimed at educators, students, and developers wanting simple visual explanations of programming concepts, originally made for Microsoft's 'Web Dev for Beginners' and 'Machine Learning for Beginners' curricula.
What is Git Purr?It's an early, mostly hand-drawn series that explains git commands (pull, merge, rebase, push, cherry-pick) using cat-themed puns like 'git meowge' and 'git puss'.
What are HTTP Status Cats?One of the author's first personal projects turning HTTP status codes into cat photos; most of these images are now hosted separately at HTTP.cat.
Where did the author originally share these doodles?She posted them on Twitter and in Microsoft open-source projects before consolidating everything into this GitHub repo due to repeated requests for the originals.
What are similar projects?swift-algorithm-club, ciencia-da-computacao, hello-algorithm, CS-Interview-Knowledge-Map, fullstack-tutorial, JavaScript, algorithm-pattern, cp-algorithms
Which topics is it in?illustration, gitops, creative-coding, algorithm, data-structures, algorithms, computer-science, chatgpt, git, beginner-friendly, generative-ai, learning-resources
Creator
girliemac
Size
207.8 MB
Stars
11.4K
Updated
CommitJul 14
Age
6y
Commits · 90 Days