轻松学算法的秘密！可视化算法网站汇总！(附动图)

ゝ一世哀愁。 2023-10-06 10:51 7阅读 0赞

对于「算法」的第一印象，我相信大部分人都是一样的，就是一个“难”字了得。

而我比较特殊，我的第一印象、第二印象以至第 N 印象都觉得很难，所以为了更好的学习和理解算法，我千金一掷一下买了一堆的算法书，有图为证：

![format_png][]

但说实话，效果不是很好，于是磊哥就琢磨有没有更简单的学习算法的方法？没想到还真被我找到了，真实应了那句老话“瞎猫碰到死耗子”，呸、不对，是“苦心人天不负”。

那究竟如何轻松的学习算法呢？答案就是下面要介绍的这几个网站。

有了这几个网站就可以让你以动画的形式，看到算法的具体执行过程和数据的具体结构，还有算法的文字讲解以及算法的具体实现代码，接下来一起来看吧。

### DataStructureVisualizations ###

一个数据可视化和算法可视化的网站，用它可以生成各种各样的数据结构，模拟它们添加和删除的过程，而且还可以用它来演示算法的执行过程。

#### 内容演示 ####

比如，我们用它来模拟一个二叉搜索树，如下图所示：

![format_png 1][]

我们再用它来演示一下快速排序算法，如下图所示：

![format_png 2][]

#### 网站特点 ####

Data Structure Visualizations 包含了很多的内容，如：常见的数组、链表、队列、二叉搜索树、红黑树、各种排序等，如下图所示：

![format_png 3][]

#### 访问地址 ####

https://www.cs.usfca.edu/~galles/visualization/Algorithms.html

### VisuAlgo ###

此网站包含了更多的算法，这个从首页就可以看出来，不仅如此，它还支持关键字检索，如下图所示：

![format_png 4][]

此网站除了可以以动画的方式演示算法之外，还包含了算法的文字讲解，如下图所示：

![format_png 5][]

#### 内容演示 ####

接下来我们演示一下冒泡排序的执行过程，如下图所示：

![format_png 6][]

#### 网站特点    ####

*  提供了算法的检索功能
 *  更多的算法支持
 *  可自定义测试数据
 *  文字讲解
 *  ......

#### 访问地址 ####

https://visualgo.net/zh

### algorithm-visualizer ###

此网站也支持很多算法，并且此网站提供算法的具体代码实现，它支持的语言有：Java，C++，JS 等，还有控制台也会输出整个执行的过程，能帮你更好的理解算法，如下图所示：![format_png 7][]

#### 内容演示 ####

我们用它来演示一下冒泡排序的执行过程，如下图所示：![format_png 8][]

#### 网站特点 ####

*  算法可视化
 *  算法的具体实现代码（支持 Java、C++、JS 等语言）
 *  控制台执行步骤输出（帮助你更好的理解算法）
 *  ......

#### 访问地址 ####

https://algorithm-visualizer.org/

### 总结 ###

有了这些可视化工具之后，我们就可以更简单的学习算法了，这三个网站各有春秋，你可以使用 Data Structure Visualizations 来了解数据结构，使用 VisuAlgo 和 algorithm-visualizer 来查看算法的具体执行过程，并使用 algorithm-visualizer 来查看算法的具体实现代码，真是非常方便，赶快去试试吧。

最后的话原创不易，都看到这了，点个「在看」再走呗，这是对我最大的支持与鼓励，谢谢你！
    
    往期推荐

[阿里《Java开发手册》中的 1 个bug！][Java_ 1 _bug]

[驳《阿里「Java开发手册」中的1个bug》？][Java_1_bug]

关注下方二维码，每一天都有干货！

![format_png 9][]

**点亮“在看”，助我写出更多好文！**![format_png 10][]

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9Icld3Nlp1WENzZ3NSZ2ljajZDNkhBQkxLenkwOFpCNW5hUWlhSUlTR0hLWXRoMnR6TnJGc3J1V3gwWkk4dnd0ZEVFdGljaWNsUlEzM0Z3S2lhZzNXWDBvcGNnLzY0MA?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9Icld3Nlp1WENzZ3NSZ2ljajZDNkhBQkxLenkwOFpCNW55UElCWHJTWkVvS2M0aWJtODBHMnlvQVN6UTVUcGZ1VmxVMkwxaWFtOGVLRDJyNlpPNEtpYklKblEvNjQw?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9Icld3Nlp1WENzZ3NSZ2ljajZDNkhBQkxLenkwOFpCNW5jSjJCV1dBSGljWUpiWlpDaWNtejdhS0ZoWE9pYnlpYlBlT0M0Szh4akFNUGc1RjlFVUVXMzBJVWJBLzY0MA?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9Icld3Nlp1WENzZ3NSZ2ljajZDNkhBQkxLenkwOFpCNW5ZUk1uczRpYzA5NXptVmNMVXFHcExpYWZWaWE4REhEdElHSWljbUZpYVNXS1ZJVFhDY2RhNnZYMjFnZy82NDA?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9Icld3Nlp1WENzZ3NSZ2ljajZDNkhBQkxLenkwOFpCNW40bDlhaWNxY0hqa3BPdGRGeldzVWVpY2RQQ0M5eUJHZEp4cFVSeGlhNHYyUkdHODZhVjA5eHBMSlEvNjQw?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9Icld3Nlp1WENzZ3NSZ2ljajZDNkhBQkxLenkwOFpCNW40MUNKMjRlQVJ2aWJGQ2ljb2liN0tNZk5GNHcwZEUzSUVGNWVCVDc0YW9PTWZwY05yNUtuR3Bmb1EvNjQw?x-oss-process=image/format,png
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9Icld3Nlp1WENzZ3NSZ2ljajZDNkhBQkxLenkwOFpCNW5FdFBtUzZ1ckEwdThVMno2aWNybkgwNEk0ZUNpYVRlSmhyS29XMzRtTGlhZDY4YTVNT1BTSFlzN1EvNjQw?x-oss-process=image/format,png
[format_png 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9Icld3Nlp1WENzZ3NSZ2ljajZDNkhBQkxLenkwOFpCNW56aWNrbjBBbnppYVR4RUJmNU9aNFpLT2prMXRuOVAyUnRUZFFaRHNtSHJpYXJjQWVlT2g3b093WlEvNjQw?x-oss-process=image/format,png
[format_png 8]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9Icld3Nlp1WENzZ3NSZ2ljajZDNkhBQkxLenkwOFpCNW5QN0VmMWhCNHJHZUdXNEo0amExTUxhd3lMdlAzZHU4ZDVMdkdhYnJpY2tpY0FvOTBZUERkTTJSQS82NDA?x-oss-process=image/format,png
[Java_ 1 _bug]: https://blog.csdn.net/sufu1065/article/details/106581253
[Java_1_bug]: https://blog.csdn.net/sufu1065/article/details/106654673
[format_png 9]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9zWnlBSnRpYWVzV2NqajRZNmIyUnNZampPNGNtc0E3OXZKY2RyY080RDZxb2t6V1l6NjQ4S2ZQVFNsSWhCeWVKbGZzQmtLaWFzWHR4a2JSTFRUSUxRcGlidy82NDA?x-oss-process=image/format,png
[format_png 10]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9ub3oyancyaFBsV2lhQ3JHdUp4QmljVTVtY2liM1FhcERMeW82ZUtuTlZtOWRQVFY0WjFTaWNITHRyQ0N3T0c5Z2JsTUJGbEtmN3A5Y3Z3TDZ3SWtaSnZhbWcvNjQw?x-oss-process=image/format,png