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

★ 11,409Audience · generalComplexity · 1/5LicenseSetup · easy

Mindmap

mindmap
  root((Tech Illustrations))
    Topics covered
      Git commands
      Algorithms
      Web basics
      Machine learning
    Series
      Git Purr cats
      ML for Beginners
      Web Dev for Beginners
    File types
      WebP images
      PDF files
    License
      CC Attribution-ShareAlike
      No NFTs allowed

mindmap root((Tech Illustrations)) Topics covered Git commands Algorithms Web basics Machine learning Series Git Purr cats ML for Beginners Web Dev for Beginners File types WebP images PDF files License CC Attribution-ShareAlike No NFTs allowed

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Download Git Purr cat illustrations to use in a beginner tutorial or blog post explaining Git commands visually.

USE CASE 2

Use algorithm and data structure drawings as visual aids in a classroom, workshop, or presentation.

USE CASE 3

Include machine learning or generative AI sketchnotes in a slide deck to explain concepts without jargon.

Getting it running

Difficulty · easy Time to first run · 5min

Free to share and adapt these images for any purpose as long as you credit the original creator and release any changes under the same Creative Commons license. Cannot be minted as NFTs.

In plain English

This repository is a collection of hand-drawn technology illustrations and sketchnotes created by a developer and artist who goes by girliemac. There is no code here. The project is a central place to download the original image files that the creator has shared over the years on social media and through Microsoft open-source education projects. The drawings explain technical concepts in a visual, accessible way, intended for people who find text documentation hard to absorb. Topics covered include algorithms and data structures (things like arrays, linked lists, and binary trees), web development basics (HTML, CSS, JavaScript), machine learning concepts, generative AI and prompting, and Git commands explained through cartoon cats. The Git series, called Git Purr, depicts common git operations such as pulling, pushing, merging, and rebasing using cat puns and cat illustrations. Some images were created for two Microsoft curriculum projects, "Web Dev for Beginners" and "Machine Learning for Beginners," which are separate open-source teaching resources. Others are conference sketchnotes taken live during talks, and some are older drawings now being archived in one place. There is also a section for a Slack API illustrated zine that was prepared for in-person events but never fully distributed before the pandemic cancelled those gatherings. Images are available as webp and PDF files. All content is released under a Creative Commons Attribution-ShareAlike 4.0 license, which means you can share and adapt the images as long as you credit the original creator and release any derivative work under the same license. The creator also notes that images should not be minted as NFTs. The HTTP Status Cats project is mentioned as a related earlier work, where each HTTP error code is paired with a cat photo. Those images now live at a dedicated domain rather than this repository.

Copy-paste prompts

Prompt 1

I'm teaching Git branching to beginners. Which illustrations from the Git Purr series cover merging and rebasing, and how should I present them in a lesson?

Prompt 2

I'm building a beginner web development course. Which illustrations from this collection explain HTML, CSS, and JavaScript basics?

Prompt 3

Describe the Creative Commons Attribution-ShareAlike 4.0 license in plain English. Can I use these images in a paid course I'm selling?

Open on GitHub → Explain another repo

← girliemac on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.