这些算法可视化网站助你轻松学算法

╰半夏微凉° 2022-01-12 15:19 277阅读 0赞

来源：公众号【编程珠玑】

作者：守望先生

## 前言 ##

无疑，数据结构与算法学习最大的难点之一就是如何在脑中形象化其抽象的逻辑步骤。而图像在很多时候能够大大帮助我们理解其对应的抽象化的东西，而如果这个图像还是我们自己一点点画出来的，那么无疑这个印象是最深刻的了。没错，今天给大家分享的就是算法可视化的网站。

## Data Structure Visualizations ##

网站地址为：

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

目前已经有很多常用的数据结构与算法的可视化，例如常见的栈，队列，递归，二叉树等等：

![640?wx\_fmt=png][640_wx_fmt_png]

Data Structure Visualizations

我们点一个二叉查找树进去看看：

![640?wx\_fmt=png][640_wx_fmt_png 1]

二叉查找树

开始时，是一片空白，左上角有几个按钮，为insert，delete，find，print，分别用于二叉查找树的插入，删除，查找和遍历。而这些过程的每一步都在你的掌控之中，你可以看到每一个节点是如何插入或者删除的。

![640?wx\_fmt=png][640_wx_fmt_png 2]

二叉查找树

还有很多其他算法的可视化，非常简洁直观，值得一试。

**该网站特点**:

*  算法可视化
 *  界面简洁直观
 *  过程可控制

## VisuAlgo ##

网址地址为：https://visualgo.net/zh/。这个网站涉及的算法就更加全面了。从首页就可以看出来不一样了，不仅支持多种算法可视化，还支持搜索。

![640?wx\_fmt=png][640_wx_fmt_png 3]

VisuAlgo

而它除了提供和前面一个网址类似的算法动画以外，还提供大量的文字讲解：

![640?wx\_fmt=png][640_wx_fmt_png 4]

VisuAlgo

而在执行动画的时候，旁边仍然会有文字描述当前步骤，并且左下角还有算法复杂度的注释说明。

![640?wx\_fmt=gif][640_wx_fmt_gif]

堆排序

**该网站特点**：

*  算法可视化
 *  文字讲解
 *  复杂度备注
 *  图形可操控调整

## algorithm-visualizer ##

网址地址：https://algorithm-visualizer.org/  
它支持的算法种类也很多，除此之外，它还提供java，c++，js代码。而控制台也输出着整个过程来帮助你理解算法。

![640?wx\_fmt=png][640_wx_fmt_png 5]

algorithm-visualizer

来看一个冒泡排序：

![640?wx\_fmt=gif][640_wx_fmt_gif 1]

bubble sort

**该网站特点**：

*  算法可视化
 *  有代码
 *  有控制台输出帮助理解
 *  算法种类丰富

## 总结 ##

以上几个网站各有特点，可自己体验后，选择自己喜欢的。

## 讨论 ##

你是如何学习算法的？欢迎分享你的算法学习经验。

推荐阅读：

[图解：基于二叉堆的堆排序是如何实现的？][Link 1]

[什么是二叉查找树？][Link 2]

[什么是优先队列？][Link 3]

[如何从40亿个整数中找到不存在的一个][40]

[进阶版：面试官问你斐波那契数列的时候不要高兴得太早][Link 4]

关注公众号【编程珠玑】，获取更多Linux/C/C++/Python/Go/算法/工具等原创技术文章。后台免费获取经典电子书和视频资源

[640_wx_fmt_png]: /images/20220112/4fc160fc5fba452cb09c56d2789b3b6e.png
[640_wx_fmt_png 1]: /images/20220112/436a728f4e394bf6a0ec20d6d75fb5b0.png
[640_wx_fmt_png 2]: /images/20220112/bf9b796b2bf94d3fa011c0e01ca18fc7.png
[640_wx_fmt_png 3]: /images/20220112/74da9a8ccaa54fa5b9ea83bb3f7ee89f.png
[640_wx_fmt_png 4]: /images/20220112/dd3fa43627fa401bab2ac7832abcd416.png
[640_wx_fmt_gif]: /images/20220112/b739baa42c8949ada7f9dd39d9e8543f.png
[640_wx_fmt_png 5]: /images/20220112/f3dad9b634e146b897cbe5231c5cfd7f.png
[640_wx_fmt_gif 1]: /images/20220112/354e748c233d46bb89f9ab3a60347280.png
[Link 1]: http://mp.weixin.qq.com/s?__biz=MzI2OTA3NTk3Ng==&mid=2649284737&idx=1&sn=5825f1842dc5e04bd583e3c537ecff26&chksm=f2f993e6c58e1af0c4fec46ed1b474b2ee92e3ee4933f66c79f2cf4f92c64eba66f070c19845&scene=21#wechat_redirect
[Link 2]: http://mp.weixin.qq.com/s?__biz=MzI2OTA3NTk3Ng==&mid=2649284622&idx=1&sn=508b6434fe7a55e76866f330a8f45ea4&chksm=f2f99369c58e1a7f9d0b116e1efbcb171a5a5a32cbe6a6a95f15e749ca9cf889e6a2f0c268ab&scene=21#wechat_redirect
[Link 3]: http://mp.weixin.qq.com/s?__biz=MzI2OTA3NTk3Ng==&mid=2649284710&idx=1&sn=9a85d3d1a3654dd19ab1fc07be196f4f&chksm=f2f99301c58e1a17b7c0953793039a788c505d9968f6f6a9f3fdac09fdd9a03af0ede1d1a1a5&scene=21#wechat_redirect
[40]: http://mp.weixin.qq.com/s?__biz=MzI2OTA3NTk3Ng==&mid=2649284261&idx=1&sn=881391fb4f03f09604318bef0d559f3a&chksm=f2f9adc2c58e24d403bff82a92126d92f6c7582df58abcec15ae17aee28be5b752e7b482e10b&scene=21#wechat_redirect
[Link 4]: http://mp.weixin.qq.com/s?__biz=MzI2OTA3NTk3Ng==&mid=2649284346&idx=1&sn=07bd55fa7ce9503df25e5ad2e6bb81fd&chksm=f2f9ad9dc58e248b2f477224ca421aa113ee908dd4fc2ad1265430a7afc7d0537b468ca11c97&scene=21#wechat_redirect