算法可视化器 algorithm-visualizer

算法可视化器是一个用于生成算法执行过程可视化图形的工具。它能够将复杂的算法逻辑,如排序、搜索、图遍历、动态规划等,通过分步动画、状态图、动态表格等形式直观呈现。该工具支持多种输出格式(ASCII、SVG、GIF、HTML),旨在帮助开发者、学生和面试者更好地理解算法原理、调试代码和进行技术讲解。 关键词:算法可视化,数据结构动画,动态规划演示,图算法动画,排序算法可视化,编程教学工具,代码调试辅助,面试算法讲解,计算机科学教育,交互式学习

前端开发 0 次安装 0 次浏览 更新于 2/23/2026

名称: 算法可视化器 描述: 生成算法执行的可视化表示 允许使用的工具:

  • Bash
  • Read
  • Write
  • Grep
  • Glob

算法可视化器技能

目的

生成算法执行的可视化表示,以帮助理解、调试和解释算法概念。

能力

  • 分步执行可视化
  • 数据结构状态可视化
  • 图算法动画
  • 动态规划表可视化
  • 生成动画GIF/视频
  • 交互式可视化生成
  • 树和数组状态渲染

目标流程

  • 算法实现
  • 动态规划模式匹配
  • 图遍历
  • 面试问题讲解

可视化类型

  1. 数组操作: 排序、搜索、双指针技术
  2. 树结构: 二叉树、二叉搜索树操作、树遍历
  3. 图算法: 广度优先搜索、深度优先搜索、最短路径、最小生成树
  4. 动态规划表: 状态转移、最优子结构
  5. 数据结构: 栈、队列、堆操作

输入模式

{
  "type": "object",
  "properties": {
    "algorithm": { "type": "string" },
    "input": { "type": "object" },
    "format": {
      "type": "string",
      "enum": ["ascii", "svg", "gif", "html"]
    },
    "steps": { "type": "boolean", "default": true }
  },
  "required": ["algorithm", "input"]
}

输出模式

{
  "type": "object",
  "properties": {
    "success": { "type": "boolean" },
    "visualization": { "type": "string" },
    "steps": { "type": "array" },
    "format": { "type": "string" }
  },
  "required": ["success"]
}

集成

可与Manim、D3.js等可视化库集成,或生成基于终端的ASCII艺术可视化。