S-Tier Hacker News Resources I Bookmarked Over a Decade of

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.

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