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