算法可视化
系统支持超过四十种经典算法的动态演示。
算法可视化模块通过直观的可视化技术将抽象算法具象化呈现,系统支持超过四十种经典算法的动态演示,涵盖排序算法、图论算法、动态规划算法及机器学习算法等多个计算机科学核心领域。
1. 真实代码级动画演示
系统直接解析用户编写的源代码,实现逐行语法高亮显示,并实时同步变量状态变化,确保动画效果与代码逻辑完全对应。
2. 多编程语言支持
当前版本支持JavaScript、C++及Java语言,后续将持续扩展以兼容更多编程语言。
3. 五大专业可视化引擎
- Array1DTracer:支持一维数组、链表、栈及队列数据结构的可视化
- Array2DTracer:适用于矩阵、迷宫及动态规划表的可视化呈现
- GraphTracer:提供图结构、树形结构及网络流算法的可视化方案
- ChartTracer:支持直方图、折线图及散点图等统计图表展示
- LogTracer:用于控制台日志及程序调试信息的可视化输出
4. 无配置在线运行环境
基于浏览器端实现代码编译与执行,无需搭建本地开发环境;完整支持断点调试、单步执行、程序回放及播放速度调节等功能。
点击「算法可视化」菜单会自动跳转到算法可视化工作台页面


公共算法
介绍
公共算法模块仅提供查看功能,不支持编辑、保存及删除等操作。该模块集成了回溯算法、分支限界算法、暴力算法等 40+ 种经典算法,覆盖排序、图论、动态规划、机器学习等方向。,所有算法均采用C++、JavaScript及Java等主流编程语言进行开发。算法详情见下图:

可视化
- 点击菜单栏任意一个算法菜单
页面会自动构建算法,显示在页面中间区域,页面最左侧为算法编辑器

点击代码编辑器上的「构建」按钮可重新构建

- 点击代码编辑器上的「运行」按钮
页面会实时显示整个算法的运行流程

- 拉伸编辑器上方的进度条
该进度条用于统计算法流程所需执行的总步骤数,通过调整进度条可查看特定步骤的算法运行结果。


- 速度调节按钮
速度调节按钮用于调控算法可视化执行的运行速率。

我的算法
本系统支持用户创建自定义草稿纸,并在完成算法编辑后执行编译与运行操作。
草稿纸
- 新建草稿纸
点击展开草稿纸菜单,点击「新建」按钮,新建一个草稿纸

- 修改草稿纸名称


- 新建算法文件

- 编写相关算法

- 点击构建按钮,构建算法

- 点击运行按钮,运行算法,可视化算法过程

- 命名算法
算法名称默认为code+num+后缀的格式,点击编辑器算法名称,可重命名算法名

- 点击删除文件按钮,可以删除当前编辑器显示的这份算法

算法删除不可恢复,请谨慎删除
- 点击保存按钮,可以保存编辑器里面全部文件

文件保存成功后,系统将自动跳转至"我的算法"菜单中对应的算法文件页面。

注意:
- 在草稿纸功能中新建的算法文件,若未执行保存操作,在离开当前页面时未保存内容将自动丢失。
- 草稿纸功能顶部的删除按钮用于清除编辑器中的全部文件,该操作不可逆,请谨慎使用。
我的算法列表
点击编辑器+号按钮,新建算法文件新建的文件是默认的模板文件,在编辑器内编辑好相应的代码后可以进行构建、运行、重命名、保存、删除文件等操作。


注意:
- 在算法管理界面中,若使用"删除文件"功能移除编辑器内的全部文件,系统将自动同步删除该算法对应的目录条目。此操作具有不可逆性,请务必审慎执行。

- 未保存的算法文件无法通过删除功能移除。
- 在退出当前页面前,请务必确认所有代码已妥善保存。若未执行保存操作,相关算法内容将在页面关闭后永久丢失且无法恢复。

4. 我的算法列表中的"保存"按钮功能为:将当前编辑器中显示的文件内容进行保存。

How is this guide?
