一个可视化学算法的好工具，GitHub 标星31.2k+

大家好，我是为前端娱乐圈操碎了心的小迷妹，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标。

 

一门编程语言在入门之后，要想进阶，便必须得学好算法和数据结构，但一般的学习过程通常是枯燥无味的，今天在这里给大家分享个工具，兴许能解决你这个问题。

 

 

GitHub在线地址：

https://github.com/algorithm-visualizer/algorithm-visualizer

 

 

也可以在线玩一下：

https://algorithm-visualizer.org/

 

 

下面通过冒泡排序，大概解释一下 Algorithm Visualizer 这个工具：

 

 

一：选择区

 

汇总了好多：回溯法、加密算法、动态规划、图搜索、贪婪算法、搜索算法、排序算法等

 

 

二：ChartTracer

 

长条图方式展示每次交换的过程。每次交换位置的两个数，对应的长条会红色高亮。

 

 

三：Array1DTracer

 

作用和ChartTracer类似

 

 

四：LogTracer

 

日志模式记录每次 swap 的过程

 

 

五：工具栏

 

 

开始/暂停/下一步/上一步

 

 

六：这块是定义这个算法的一些相关基本信息。里面的 ChartTracer、Array1DTracer、LogTracer，对应上方的二，三，四。数组大小为 15。

 

 

如果你是看加密算法的演示过程，那 ⑥ 这里就是展示加密算法的一些基本信息。

 

七：核心算法

 

 

现在，工具有了，你还不开始学起来吗？

 

以上便是今日分享，觉得内容不错的，还请点个「在看」支持，谢谢各位。