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

Posted 2021-03-31 前端迷社区

整理：迷妹

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

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

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

也可以在线玩一下：

https://algorithm-visualizer.org/

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

一：选择区

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

二：ChartTracer

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

三：Array1DTracer

作用和ChartTracer类似

四：LogTracer

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

五：工具栏

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

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

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

七：核心算法

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

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

完

推荐阅读：