我教算法。最难的不是数学——而是让学生建立起对算法行为的直觉。你可以在白板上讲红黑树旋转,但在他们亲眼看到树实时重组之前,一切都是抽象的。
所以我做了 34 个交互式算法可视化。两周。每个都是独立的 HTML 文件,零依赖。暗色主题,统一的控制栏,任何浏览器打开就能跑。项目是 visual-cs。
技术栈
没有 React。没有构建步骤。没有 npm。每个可视化是一个 .html 文件,内联 CSS 和 JavaScript。浏览器打开直接运行。
大约 8 分钟
我教算法。最难的不是数学——而是让学生建立起对算法行为的直觉。你可以在白板上讲红黑树旋转,但在他们亲眼看到树实时重组之前,一切都是抽象的。
所以我做了 34 个交互式算法可视化。两周。每个都是独立的 HTML 文件,零依赖。暗色主题,统一的控制栏,任何浏览器打开就能跑。项目是 visual-cs。
没有 React。没有构建步骤。没有 npm。每个可视化是一个 .html 文件,内联 CSS 和 JavaScript。浏览器打开直接运行。
我花了几天时间做了一个交互 demo:用一组旋转的圆(本轮,Epicycles)画出名字里的字母。这篇文章记录数学原理、踩过的坑和解决方案。