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 - 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 - Software creation fundamentals β animations covering colors, screens, rendering, shaders, compilers, and interpreters β
makingsoftware.com Most of these are interactive or animated rather than static articles. That's the common thread β they make you
seethe 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 β
Detailed breakdowns of putting AI to work are in
a guide to making money with AI, 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