Visualizations：一个数据结构和算法的可视化展示网站

超、凢脫俗 2023-02-19 15:21 14阅读 0赞

**“** 美国旧金山大学计算机科学系网站里，提供了演示多种数据结构和算法的可视化演示，可以自由访问，也可以打包下载到本地。**”**

偶然的机会，发现了这个网站，里面有常用的数据结构与算法的演示：栈、队列、二叉树、红黑树、B树、拓扑排序、广度优先算法……

—

演示效果

好不好用先看效果，在网页上选择红黑树，手动操作，观察它的 Insert 过程：

![format_png][]

Red/Black Tree Insert 操作过程演示

动画速度和页面大小时可调节的，体验效果 100 分。

—

对数据结构和算法的支持度

网址：[https://www.cs.usfca.edu/~galles/visualization/Algorithms.html][https_www.cs.usfca.edu_galles_visualization_Algorithms.html]

支持常用的数据结构和算法：

网站上关于支持的算法和数据结构目录截图：

*  数据结构
    
     *  栈
     *  队列
     *  二叉树
     *  AVL 树
     *  红黑树
     *  Hash
     *  B 树
     *  ……
 *  算法
    
     *  比较排序
     *  快速排序
     *  广度优先搜索
     *  最小生成树
     *  阶乘
     *  N 皇后问题
     *  ……

![format_png 1][]

—

小结

Visualizations 是一个简单易用的数据结构与算法可视化学习网站，通过它可以直观地掌握常见的数据结构操作过程、算法的执行过程，是学习数据结构与算法强有力的辅助工具，它的特点主要有：

*  支持的常用的数据结构和算法
 *  支持调节动画速度和画布大小
 *  支持调节部分数据结构和算法的参数
 *  免费、公开，提供下载

--------------------

![format_png 2][]

关注我，不迷路

CodeTopic：一个话题与编程相关的互动平台，分享平时学习工作中感觉好用的小工具、小技巧，偶尔聊聊技术，谈谈人生。

![format_png 3][]

个人微信，添加时请备注 **CodeTopic**

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL3N6X21tYml6X2dpZi9FdFdWdzVTY01KYzdRYVpkTnVmbXBxUWwzc0NMdUpsUVEzRW45M1BUbDFNbFkzN3Q1aWN3ZmljSVozcDFkTG9PRnkyTFd6WGdJbWJxaWFSc0ljZ0ZBaWJ2dXcvNjQw?x-oss-process=image/format,png
[https_www.cs.usfca.edu_galles_visualization_Algorithms.html]: https://www.cs.usfca.edu/~galles/visualization/Algorithms.html
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL3N6X21tYml6X3BuZy9FdFdWdzVTY01KYzdRYVpkTnVmbXBxUWwzc0NMdUpsUXJDUzZtOVVmTjVpY3BVSnkwWmxvUXI4SDVVOU5RWVkzcllMOTZZa0gzV29kYWlhZUFQQXd2VnVBLzY0MA?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL3N6X21tYml6X2pwZy9FdFdWdzVTY01KYzdRYVpkTnVmbXBxUWwzc0NMdUpsUUV5ODBmUUMyTkt3R2FsOVQ4TFpkNHI0TUR2bTgzaWJpY1NHZmNpYWlham5PQ21XaWFFR2FlTGN0ZGljQS82NDA?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL3N6X21tYml6X2pwZy9FdFdWdzVTY01KZHhhTzlWNHdXdW0zTjFzOGM5R05JS0xjbWYyaFdRaFFVcGxWV2hqUHhZa2dkeWh6RDB2TXp4andNWnNjTm9qZllpYUgwZnZ6R09KeVEvNjQw?x-oss-process=image/format,png