所有项目

算法可视化工具

交互式算法可视化 Web 应用,支持排序、搜索、图论等经典算法的逐步演示。

2026年2月15日 计划中 ReactTypeScriptCanvasAlgorithms

项目动机

算法学习通常停留在纸面或代码层面,缺乏直观的视觉反馈。这个项目旨在通过动画可视化帮助理解算法运行过程——每一步比较、每一次交换都清晰可见。

计划功能

  • 排序算法 — 冒泡、选择、插入、归并、快速排序的逐步动画
  • 搜索算法 — 二分查找、BFS、DFS 的可视化
  • 图论 — Dijkstra、A* 路径查找
  • 速度控制 — 可调节动画速度,支持单步执行
  • 自定义输入 — 用户可输入自己的数据集

技术方案

使用 React 管理 UI 状态,Canvas API 渲染动画帧,TypeScript 保证类型安全。每个算法作为一个独立的纯函数模块,UI 层与算法逻辑完全解耦。

当前状态

项目处于规划阶段。已完成技术选型和架构设计,核心算法库正在实现中。