算法可视化

系统支持超过四十种经典算法的动态演示。

算法可视化模块通过直观的可视化技术将抽象算法具象化呈现,系统支持超过四十种经典算法的动态演示,涵盖排序算法、图论算法、动态规划算法及机器学习算法等多个计算机科学核心领域。

1. 真实代码级动画演示

系统直接解析用户编写的源代码,实现逐行语法高亮显示,并实时同步变量状态变化,确保动画效果与代码逻辑完全对应。

2. 多编程语言支持

当前版本支持JavaScript、C++及Java语言,后续将持续扩展以兼容更多编程语言。

3. 五大专业可视化引擎

  • Array1DTracer:支持一维数组、链表、栈及队列数据结构的可视化
  • Array2DTracer:适用于矩阵、迷宫及动态规划表的可视化呈现
  • GraphTracer:提供图结构、树形结构及网络流算法的可视化方案
  • ChartTracer:支持直方图、折线图及散点图等统计图表展示
  • LogTracer:用于控制台日志及程序调试信息的可视化输出

4. 无配置在线运行环境

基于浏览器端实现代码编译与执行,无需搭建本地开发环境;完整支持断点调试、单步执行、程序回放及播放速度调节等功能。

点击「算法可视化」菜单会自动跳转到算法可视化工作台页面

descript

descript

公共算法

介绍

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

descript

可视化

  1. 点击菜单栏任意一个算法菜单

页面会自动构建算法,显示在页面中间区域,页面最左侧为算法编辑器

descript

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

descript

  1. 点击代码编辑器上的「运行」按钮

页面会实时显示整个算法的运行流程

descript

  1. 拉伸编辑器上方的进度条

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

descript

descript

  1. 速度调节按钮

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

descript

我的算法

本系统支持用户创建自定义草稿纸,并在完成算法编辑后执行编译与运行操作。

草稿纸

  1. 新建草稿纸

点击展开草稿纸菜单,点击「新建」按钮,新建一个草稿纸

descript

  1. 修改草稿纸名称

descript

descript

  1. 新建算法文件

descript

  1. 编写相关算法

descript

  1. 点击构建按钮,构建算法

descript

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

descript

  1. 命名算法

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

descript

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

descript

算法删除不可恢复,请谨慎删除

  1. 点击保存按钮,可以保存编辑器里面全部文件

descript

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

descript

注意:

  1. 在草稿纸功能中新建的算法文件,若未执行保存操作,在离开当前页面时未保存内容将自动丢失。
  2. 草稿纸功能顶部的删除按钮用于清除编辑器中的全部文件,该操作不可逆,请谨慎使用。

我的算法列表

点击编辑器+号按钮,新建算法文件新建的文件是默认的模板文件,在编辑器内编辑好相应的代码后可以进行构建、运行、重命名、保存、删除文件等操作。

descript

descript

注意:

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

descript

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

descript

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

descript

How is this guide?