{"id":51302350,"url":"https://github.com/zer0contextlost/explain-it-in-pizza-series","last_synced_at":"2026-06-30T21:01:58.750Z","repository":{"id":356148054,"uuid":"1231163512","full_name":"zer0contextlost/explain-it-in-pizza-series","owner":"zer0contextlost","description":"Learn AI/ML concepts explained entirely in pizza terms. 8 interactive episodes covering ML basics, Transformers, Fine-Tuning, RAG, Prompting, Agents, Multimodal, and Hallucination.","archived":false,"fork":false,"pushed_at":"2026-05-06T19:31:09.000Z","size":303,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2026-05-06T21:34:49.202Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zer0contextlost.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-05-06T17:34:54.000Z","updated_at":"2026-05-06T19:31:15.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/zer0contextlost/explain-it-in-pizza-series","commit_stats":null,"previous_names":["zer0contextlost/explain-it-in-pizza-series"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/zer0contextlost/explain-it-in-pizza-series","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zer0contextlost%2Fexplain-it-in-pizza-series","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zer0contextlost%2Fexplain-it-in-pizza-series/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zer0contextlost%2Fexplain-it-in-pizza-series/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zer0contextlost%2Fexplain-it-in-pizza-series/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zer0contextlost","download_url":"https://codeload.github.com/zer0contextlost/explain-it-in-pizza-series/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zer0contextlost%2Fexplain-it-in-pizza-series/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34983171,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-30T02:00:05.919Z","response_time":92,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-06-30T21:01:56.441Z","updated_at":"2026-06-30T21:01:58.738Z","avatar_url":"https://github.com/zer0contextlost.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Explain It In Pizza 🍕\n\n\u003e Learning AI has never been this delicious.\n\nAn 8-episode interactive web series that teaches AI and machine learning concepts entirely through pizza metaphors. No math degree required. No prior ML knowledge needed. Just an appetite for learning.\n\nEach episode is a standalone, fully interactive experience built with vanilla HTML, CSS, and JavaScript — no frameworks, no build tools, no installation.\n\n---\n\n## Episodes\n\n| # | Title | Concept | Pizza Metaphor |\n|---|-------|---------|----------------|\n| [Ep1](ep1-ml-basics/) | **How AI Learns** | Training data, neural networks, loss, backprop | Every great chef started by burning a few pies |\n| [Ep2](ep2-transformers/) | **The Transformer Kitchen** | Attention, embeddings, multi-head attention | The secret sauce behind ChatGPT, explained in toppings |\n| [Ep3](ep3-finetuning/) | **Teaching a Chef Your Style** | Fine-tuning \u0026 RLHF | Take a world-class chef and train them to cook YOUR pizza |\n| [Ep4](ep4-rag/) | **The Recipe Rolodex** | Retrieval-Augmented Generation | When a chef consults their recipe book before cooking |\n| [Ep5](ep5-prompting/) | **How You Write the Order** | Prompt Engineering | The same chef, wildly different results — it's all in the order |\n| [Ep6](ep6-agents/) | **The Autonomous Chef** | AI Agents \u0026 Tool Use | A chef who can call suppliers, check inventory, AND cook |\n| [Ep7](ep7-multimodal/) | **Show Me the Pizza** | Multimodal AI | Show the chef a photo — they'll figure out the rest |\n| [Ep8](ep8-hallucination/) | **The Confident Liar** | Hallucination \u0026 Safety | The chef who invents dishes that never existed, with complete confidence |\n\n---\n\n## Running Locally\n\nNo install needed. Just open any episode directly in a browser:\n\n```\nep1-ml-basics/index.html\nep2-transformers/index.html\n...\n```\n\nOr serve with any static file server:\n\n```bash\n# Python\npython -m http.server 8080\n\n# Node\nnpx serve .\n```\n\nThen open `http://localhost:8080` to start at the series landing page.\n\n---\n\n## What's Inside Each Episode\n\nEvery episode follows the same structure:\n\n```\nepN-name/\n  index.html       — Episode shell, navigation, narration box\n  main.js          — Section manager, navigation, sound\n  narrator.js      — Web Speech API narrator (British voice)\n  style.css        — Episode styles\n  sections/\n    s1-*.js        — Section 1 interactive\n    s2-*.js        — Section 2 interactive\n    ...\n    s8-*.js        — Section 8 interactive\n```\n\nEach section has its own self-contained interactive demo — canvas animations, sliders, buttons, drag interactions — all teaching one specific concept through a pizza analogy.\n\n---\n\n## Technical Notes\n\n- **Vanilla JS only** — no React, no Vue, no build step\n- **Google Fonts** — Pacifico, Nunito, Fredoka One\n- **Web Speech API** — optional narration with a British voice (easy ElevenLabs swap-in)\n- **Canvas animations** — all use `requestAnimationFrame` with proper resize handling\n- **ES Modules** — episodes 2, 4, 6, 7 use `type=\"module\"`; others use the global script pattern\n\n---\n\n## Series Concept\n\nAI is complicated. Pizza is universally understood.\n\nTokens are toppings. Attention is a chef deciding what matters. Fine-tuning is teaching Gordon Ramsay to make your grandma's sauce. Hallucination is a chef confidently serving a dish he invented on the spot.\n\nThe goal: make ML concepts genuinely stick for people who've never written a line of Python.\n\n---\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzer0contextlost%2Fexplain-it-in-pizza-series","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzer0contextlost%2Fexplain-it-in-pizza-series","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzer0contextlost%2Fexplain-it-in-pizza-series/lists"}