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.

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
• K-means clustering made tangible — k-means-explorable.vercel.app
• Full machine learning visual introduction — r2d3.us/visual-intro-to-machine-learning-part-1
• Probability theory with interactive visuals — seeing-theory.brown.edu
• Linear algebra and vectors through animated textbook — immersivemath.com/ila
• Elliptic curve cryptography walkthrough — growingswe.com/blog/elliptic-curve-cryptography

Algorithms and Data Structures

• Algorithm visualizer with step-by-step playback — algorithm-visualizer.org
• Visual rate limiting algorithm comparisons — smudge.ai/blog/ratelimit-algorithms
• Git internals as an interactive mini-game — learngitbranching.js.org
• SQL from scratch via hands-on game — sqlpd.com and lost-at-sql.therobinlord.com

Building Systems from First Principles

• Build ReactJS from scratch with animated walkthrough — pomb.us/build-your-own-react
• Assemble a neural network yourself — graphgame.sabrina.dev
• Construct an entire CPU starting from logic gates — select.supply/game/chipbuilder
• CSS Grid explained through a mini game — cssgridgarden.com
• Build a 3D editor in Rust, step by step — 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
• The full networking seven-layer stack, animated inside out — fazamhd.com/mental-models/networking
• Vulkan graphics pipeline visual intro — fremaconsulting.ch/blog/vulkan
• Semiconductor manufacturing in 3D animation — ig.ft.com/microchips
• Combustion engine inner workings visualized — 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
• FAISS vector search mechanics animated — fremaconsulting.ch/blog/faiss
• Real-time robotics code simulator — bittlex-sim.petoi.com
• 3D gravity visualization — qunabu.github.io/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 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.