# RT Guangzheng Li: 逛 HN 的时候，看到了这一篇挺有价值的帖子，作者从 5 万多个书签里，整理出了自己心中的 S 级可视化教程。 在 AI 时代来临以前，大家会花费...

- 来源：宝玉
- 发布时间：2026-08-06 18:03
- AIWatch 分数：51
- AIWatch 标记：未精选
- AIWatch 链接：https://aiwatch.icu/events/evt_01kzc0nysty4nxs0pht3ef9fmm
- 原文链接：https://x.com/dotey/status/2085406984468152734

## 精选理由

常规快讯，保留列表

## AI 摘要

Guangzheng Li 分享了从 5 万多个书签中精选的 S 级可视化教程列表，涵盖 AI、编程、图形学等领域，并反思 AI 时代教程创作。

## 正文

RT Guangzheng Li<br>逛 HN 的时候，看到了这一篇挺有价值的帖子，作者从 5 万多个书签里，整理出了自己心中的 S 级可视化教程。<br><br>在 AI 时代来临以前，大家会花费巨大的精力和时间去手敲写博客和教程<br><br>于是才有了下面这些非常优质的教程，AI 时代来临以后，还有人会做同样的事吗？<br><br>HN 原帖：<br>https://news.ycombinator.com/item?id=49183198<br><br>🎮 互动游戏 / 动手学习<br><br>从逻辑门开始造一颗 CPU<br>https://select.supply/game/chipbuilder<br><br>用游戏学习 Git 分支<br>https://learngitbranching.js.org/<br><br>用游戏学习 CSS Grid<br>https://cssgridgarden.com/<br><br>SQL 侦探游戏<br>https://sqlpd.com/<br><br>另一个 SQL 解谜游戏<br>https://lost-at-sql.therobinlord.com/<br><br>从零组装一个神经网络<br>https://graphgame.sabrina.dev/<br><br>机器人实时 3D 仿真<br>https://bittlex-sim.petoi.com/<br>🧠 AI / 机器学习<br><br>交互式理解 Transformer<br>https://poloclub.github.io/transformer-explainer/<br><br>可视化理解 K-means 聚类<br>https://k-means-explorable.vercel.app/<br><br>视觉 Transformer 图解<br>https://blog.mdturp.ch/posts/2024-04-05-visual_guide_to_vision_transformer.html<br><br>机器学习可视化入门<br>https://r2d3.us/visual-intro-to-machine-learning-part-1/<br><br>线性回归、逻辑回归与神经网络<br>https://mlu-explain.github.io/<br><br>神经网络的前向传播与反向传播<br>https://aegeorge42.github.io/<br><br>FAISS 向量检索原理<br>https://fremaconsulting.ch/blog/faiss<br><br>💻 编程 / 计算机基础<br>算法可视化<br>https://algorithm-visualizer.org/<br><br>从零实现 React<br>https://pomb.us/build-your-own-react/<br><br>从零“造”一块 NVIDIA GPU<br>https://jaso1024.com/mvidia/<br><br>一次请求如何从浏览器到达服务器<br>https://200ms.thenodebook.com/#act-1-the-click<br><br>网络七层模型<br>https://fazamhd.com/mental-models/networking/<br><br>限流算法<br>https://smudge.ai/blog/ratelimit-algorithms<br><br>椭圆曲线密码学<br>https://growingswe.com/blog/elliptic-curve-cryptography<br><br>🎨 图形学 / 游戏开发<br>颜色、屏幕、图形、渲染、着色器、编译器与解释器<br>https://www.makingsoftware.com/<br><br>用 Rust 和 Bevy 搭建 3D 编辑器<br>https://aibodh.com/posts/bevy-tutorial-build-your-first-3d-editor-in-rust/<br><br>Vulkan 图形管线<br>https://fremaconsulting.ch/blog/vulkan<br><br>碰撞检测、着色器、渲染与剔除<br>https://krupitskas.com/posts/modern_culling_techniques/<br><br>📐 数学 / 物理<br><br>交互式概率论<br>https://seeing-theory.brown.edu/basic-probability/index.html<br><br>线性代数与向量<br>https://immersivemath.com/ila/index.html<br><br>引力如何工作<br>https://qunabu.github.io/Gravity/#what-is-gravity<br><br>⚙️ 工程 / 硬件<br>内燃机工作原理<br>https://ciechanow.ski/internal-combustion-engine/<br><br>芯片制造流程<br>https://ig.ft.com/microchips/