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
这是什么？一个个人的技术涂鸦和视觉笔记合集，包含手绘和数字作品，用简单的图画解释复杂的技术概念（算法、Web 开发、机器学习、git、生成式 AI）。
这是个工具，还是只是一堆图片？它是一个静态图片仓库，不是代码或软件——只是按主题整理的涂鸦图片文件夹，你可以直接浏览或下载。
内容是怎么组织的？图片按 /generative-ai、/algorithms、/webdev、/ml、/git-purr、/teams、/sketchnotes、/slack 等主题文件夹分组，每个文件夹是一组特定主题的涂鸦。
使用这些图片需要装什么软件吗？不需要，直接从仓库文件夹里浏览或下载图片文件就行。
这些图片可以随意使用吗，包括商业用途？它们采用 CC BY-SA 4.0 许可，署名后可自由分享，但作者明确禁止将它们铸造成 NFT；部分内容（如 Slack 小报）截至 2022 年已经过时。
这些涂鸦是画给谁看的？面向想用简单图解理解编程概念的教育者、学生和开发者，最初是为微软的“Web Dev for Beginners”和“Machine Learning for Beginners”课程创作的。
Git Purr 是什么？这是一个早期的、以手绘为主的系列，用猫咪主题的双关语（比如“git meowge”和“git puss”）来讲解 git 命令（pull、merge、rebase、push、cherry-pick）。
HTTP Status Cats 是什么？这是作者最早的个人项目之一，把 HTTP 状态码变成猫咪照片；这些图片现在大多单独托管在 HTTP.cat 上。
作者最初是在哪里分享这些涂鸦的？她起初发布在 Twitter 和微软的开源项目里，后来因为不断有人索要原图，就把所有内容整合进了这个 GitHub 仓库。
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