DevTrendsDeveloper trends
Accent color

illegalcreed /

algorithms-visualization

一个交互式的数据结构与算法可视化网站,9 大类 92 个条目。其中 77 个算法可以单步前进、后退、拖动进度条,动画旁边的 TypeScript / Python / Go / Rust 代码会随步骤高亮当前执行的行,同时显示变量和每一步的解说;另外 15 个数据结构页可以直接操作。适合刷题、准备面试和课堂演示,也可以当作 Vue 3 项目来看可视化代码怎么组织。 亮点 每个算法先生成一整串步骤快照,播放器只负责回放,所以能后退、跳到任…

LanguageTypeScriptDTResearch & learningDTSoftware developmentDTWeb appDTWebOriginalalgorithm-visualizationOriginalalgorithmsOriginaldata-structuresOriginaleducationOriginalinterview-preparationOriginalleetcodeOriginalvisualizationOriginalvue3

Product images

About

一个交互式的数据结构与算法可视化网站,9 大类 92 个条目。其中 77 个算法可以单步前进、后退、拖动进度条,动画旁边的 TypeScript / Python / Go / Rust 代码会随步骤高亮当前执行的行,同时显示变量和每一步的解说;另外 15 个数据结构页可以直接操作。适合刷题、准备面试和课堂演示,也可以当作 Vue 3 项目来看可视化代码怎么组织。 亮点 每个算法先生成一整串步骤快照,播放器只负责回放,所以能后退、跳到任意一步,倍速 0.5×–3×,还能循环播放,键盘 ← → 空格都能操作。 同一步在四种语言里各自高亮对应的行,旁边是变量面板和一句话解说。 12 个排序模块可以输入自己的数组,输入会写进地址栏的 ?input=,把链接发给别人就是同一组数据。 二分查找和快速排序两页会在关键步骤停下来出题。 除了常见面试题,还有 2-SAT、最大流、后缀数组、AC 自动机、FFT、Pollard's Rho、扫描线求交、换根 DP 这些进阶主题。 中英双语,手机上也能用。纯前端,运行时只依赖 Vue / Vue Router / Pinia 和 Shiki,没有 UI 库和图表库,MIT 协议。 和同类项目比:VisuAlgo 的自定义输入和训练系统更成熟,Hello 算法的内容更成体系;这个项目的特点是把讲解、逐步动画和多语言逐行代码放在同一页里。

Discovery history

  1. HelloGitHub·用户投稿

    Oct 9, 2026 · 1 observations

  2. 阮一峰周刊·用户投稿

    Oct 9, 2026 · 1 observations

Discuss this product