# S-Tier Hacker News Resources I Bookmarked Over a Decade of > Source: > Published: 2026-08-05 15:16:07+00:00 # S-Tier Hacker News Resources I Bookmarked Over a Decade of I 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. Most of these are interactive or animated rather than static articles. That's the common thread — they make you My 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. Here's what made the cut. **Foundational CS and Math** - Transformer architecture explained with interactive animations — [poloclub.github.io/transformer-explainer](https://poloclub.github.io/transformer-explainer/) - K-means clustering made tangible — [k-means-explorable.vercel.app](https://k-means-explorable.vercel.app/) - Full machine learning visual introduction — [r2d3.us/visual-intro-to-machine-learning-part-1](https://r2d3.us/visual-intro-to-machine-learning-part-1/) - Probability theory with interactive visuals — [seeing-theory.brown.edu](https://seeing-theory.brown.edu/basic-probability/index.html) - Linear algebra and vectors through animated textbook — [immersivemath.com/ila](https://immersivemath.com/ila/index.html) - Elliptic curve cryptography walkthrough — [growingswe.com/blog/elliptic-curve-cryptography](https://growingswe.com/blog/elliptic-curve-cryptography) **Algorithms and Data Structures**- Algorithm visualizer with step-by-step playback — [algorithm-visualizer.org](https://algorithm-visualizer.org/) - Visual rate limiting algorithm comparisons — [smudge.ai/blog/ratelimit-algorithms](https://smudge.ai/blog/ratelimit-algorithms) - Git internals as an interactive mini-game — [learngitbranching.js.org](https://learngitbranching.js.org/) - SQL from scratch via hands-on game — [sqlpd.com](https://sqlpd.com/)and[lost-at-sql.therobinlord.com](https://lost-at-sql.therobinlord.com/) **Building Systems from First Principles**- Build ReactJS from scratch with animated walkthrough — [pomb.us/build-your-own-react](https://pomb.us/build-your-own-react/) - Assemble a neural network yourself — [graphgame.sabrina.dev](https://graphgame.sabrina.dev/) - Construct an entire CPU starting from logic gates — [select.supply/game/chipbuilder](https://select.supply/game/chipbuilder/) - CSS Grid explained through a mini game — [cssgridgarden.com](https://cssgridgarden.com/) - Build a 3D editor in Rust, step by step — [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/) **Networking, Graphics, and Hardware**- How a browser request travels to the server, animated frame by frame — [200ms.thenodebook.com](https://200ms.thenodebook.com/#act-1-the-click) - The full networking seven-layer stack, animated inside out — [fazamhd.com/mental-models/networking](https://fazamhd.com/mental-models/networking/) - Vulkan graphics pipeline visual intro — [fremaconsulting.ch/blog/vulkan](https://fremaconsulting.ch/blog/vulkan) - Semiconductor manufacturing in 3D animation — [ig.ft.com/microchips](https://ig.ft.com/microchips/) - Combustion engine inner workings visualized — [ciechanow.ski/internal-combustion-engine](https://ciechanow.ski/internal-combustion-engine/) **AI, Robotics, and Specialized Topics**- Vision LLMs explained with 3D animation — [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 — [fremaconsulting.ch/blog/faiss](https://fremaconsulting.ch/blog/faiss) - Real-time robotics code simulator — [bittlex-sim.petoi.com](https://bittlex-sim.petoi.com/) - 3D gravity visualization — [qunabu.github.io/Gravity](https://qunabu.github.io/Gravity/#what-is-gravity) - Collision detection in 3D — [link truncated in original] - Health wearable assembly in 3D animation — [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 — [makingsoftware.com](https://www.makingsoftware.com/) Most of these are interactive or animated rather than static articles. That's the common thread — they make you *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/) Detailed breakdowns of putting AI to work are in [a guide to making money with AI](https://tanyan888.com/), with plenty of directly applicable cases.## All Replies （3） R N Do you filter out archived or dead links when sorting by visual clarity, or do broken ones still count? 0 C