{"slug": "s-tier-hacker-news-resources-i-bookmarked-over-a-decade-of", "title": "S-Tier Hacker News Resources I Bookmarked Over a Decade of", "summary": "A Hacker News reader with 50,000+ bookmarks shared a curated list of S-Tier interactive and animated resources for learning computer science, math, algorithms, systems building, networking, graphics, hardware, and AI topics, including transformer architecture, k-means clustering, machine learning, probability, linear algebra, elliptic curve cryptography, algorithm visualization, rate limiting algorithms, Git internals, SQL, ReactJS, neural networks, CPU construction, CSS Grid, 3D editor in Rust, browser request flow, networking stack, Vulkan graphics pipeline, semiconductor manufacturing, combustion engine, vision transformers, FAISS vector search, and robotics simulation.", "body_md": "# S-Tier Hacker News Resources I Bookmarked Over a Decade of\n\nI have 50,000+ bookmarks accumulated from reading HN twice daily for the last ten years. Today I'm sharing the S-Tier links — the ones that earned their rank through visual clarity, reputable sourcing, or genuine interactive depth.\n\nMost of these are interactive or animated rather than static articles. That's the common thread — they make you\n\nMy ranking system is straightforward: the most visual explainers land at the top. Content from well-known institutions or recognized experts gets an A grade, while material from less established sources earns a B. Opinion blogs sit at the bottom, sliding from C through F based on actual quality. I'm only publishing the S-Tier tier here.\n\nHere's what made the cut.\n\n**Foundational CS and Math**\n\n- Transformer architecture explained with interactive animations —\n[poloclub.github.io/transformer-explainer](https://poloclub.github.io/transformer-explainer/) - K-means clustering made tangible —\n[k-means-explorable.vercel.app](https://k-means-explorable.vercel.app/) - Full machine learning visual introduction —\n[r2d3.us/visual-intro-to-machine-learning-part-1](https://r2d3.us/visual-intro-to-machine-learning-part-1/) - Probability theory with interactive visuals —\n[seeing-theory.brown.edu](https://seeing-theory.brown.edu/basic-probability/index.html) - Linear algebra and vectors through animated textbook —\n[immersivemath.com/ila](https://immersivemath.com/ila/index.html) - Elliptic curve cryptography walkthrough —\n[growingswe.com/blog/elliptic-curve-cryptography](https://growingswe.com/blog/elliptic-curve-cryptography)\n\n**Algorithms and Data Structures**- Algorithm visualizer with step-by-step playback —\n[algorithm-visualizer.org](https://algorithm-visualizer.org/) - Visual rate limiting algorithm comparisons —\n[smudge.ai/blog/ratelimit-algorithms](https://smudge.ai/blog/ratelimit-algorithms) - Git internals as an interactive mini-game —\n[learngitbranching.js.org](https://learngitbranching.js.org/) - SQL from scratch via hands-on game —\n[sqlpd.com](https://sqlpd.com/)and[lost-at-sql.therobinlord.com](https://lost-at-sql.therobinlord.com/)\n\n**Building Systems from First Principles**- Build ReactJS from scratch with animated walkthrough —\n[pomb.us/build-your-own-react](https://pomb.us/build-your-own-react/) - Assemble a neural network yourself —\n[graphgame.sabrina.dev](https://graphgame.sabrina.dev/) - Construct an entire CPU starting from logic gates —\n[select.supply/game/chipbuilder](https://select.supply/game/chipbuilder/) - CSS Grid explained through a mini game —\n[cssgridgarden.com](https://cssgridgarden.com/) - Build a 3D editor in Rust, step by step —\n[aibodh.com/posts/bevy-tutorial-build-your-first-3d-editor-in-rust](https://aibodh.com/posts/bevy-tutorial-build-your-first-3d-editor-in-rust/)\n\n**Networking, Graphics, and Hardware**- How a browser request travels to the server, animated frame by frame —\n[200ms.thenodebook.com](https://200ms.thenodebook.com/#act-1-the-click) - The full networking seven-layer stack, animated inside out —\n[fazamhd.com/mental-models/networking](https://fazamhd.com/mental-models/networking/) - Vulkan graphics pipeline visual intro —\n[fremaconsulting.ch/blog/vulkan](https://fremaconsulting.ch/blog/vulkan) - Semiconductor manufacturing in 3D animation —\n[ig.ft.com/microchips](https://ig.ft.com/microchips/) - Combustion engine inner workings visualized —\n[ciechanow.ski/internal-combustion-engine](https://ciechanow.ski/internal-combustion-engine/)\n\n**AI, Robotics, and Specialized Topics**- Vision LLMs explained with 3D animation —\n[blog.mdturp.ch/posts/2024-04-05-visual_guide_to_vision_transformer](https://blog.mdturp.ch/posts/2024-04-05-visual_guide_to_vision_transformer.html) - FAISS vector search mechanics animated —\n[fremaconsulting.ch/blog/faiss](https://fremaconsulting.ch/blog/faiss) - Real-time robotics code simulator —\n[bittlex-sim.petoi.com](https://bittlex-sim.petoi.com/) - 3D gravity visualization —\n[qunabu.github.io/Gravity](https://qunabu.github.io/Gravity/#what-is-gravity) - Collision detection in 3D — [link truncated in original]\n- Health wearable assembly in 3D animation —\n[lumafield.com/scan-of-the-month/health-wearables](https://www.lumafield.com/scan-of-the-month/health-wearables) - Software creation fundamentals — animations covering colors, screens, rendering, shaders, compilers, and interpreters —\n[makingsoftware.com](https://www.makingsoftware.com/)\n\nMost of these are interactive or animated rather than static articles. That's the common thread — they make you\n\n*see*the system instead of just reading about it. If you bookmark one or two a week, you'll have a solid visual reference library within a month.[Next FLUX 3 Video: BFL's Latest Video Model Compared →](/en/news/5126/)\n\nDetailed breakdowns of putting AI to work are in\n\n[a guide to making money with AI](https://tanyan888.com/), with plenty of directly applicable cases.## All Replies （3）\n\nR\n\nN\n\nDo you filter out archived or dead links when sorting by visual clarity, or do broken ones still count?\n\n0\n\nC", "url": "https://wpnews.pro/news/s-tier-hacker-news-resources-i-bookmarked-over-a-decade-of", "canonical_source": "https://promptcube3.com/en/news/5129/", "published_at": "2026-08-05 15:16:07+00:00", "updated_at": "2026-08-05 16:04:44.137757+00:00", "lang": "en", "topics": ["artificial-intelligence", "machine-learning", "neural-networks", "computer-vision", "developer-tools"], "entities": ["Hacker News", "poloclub.github.io", "r2d3.us", "seeing-theory.brown.edu", "immersivemath.com", "algorithm-visualizer.org", "learngitbranching.js.org", "pomb.us"], "alternates": {"html": "https://wpnews.pro/news/s-tier-hacker-news-resources-i-bookmarked-over-a-decade-of", "markdown": "https://wpnews.pro/news/s-tier-hacker-news-resources-i-bookmarked-over-a-decade-of.md", "text": "https://wpnews.pro/news/s-tier-hacker-news-resources-i-bookmarked-over-a-decade-of.txt", "jsonld": "https://wpnews.pro/news/s-tier-hacker-news-resources-i-bookmarked-over-a-decade-of.jsonld"}}