计算机中有很多数据结构、算法对于小白来说非常难理解，交互式动画一步步展示整个过程可以帮助我们快速准确地理解这些算法。我们整理了12个可动态交互和展示常见数据结构和排序、图算法等网站，总计12个

收录到

webhub123​www.webhub123.com/#/home/detail?p=1HYJ0-1yShn

收录效果如下

​

每个卡片代表一个网站，点击图片即可访问。登录后可一键收藏所有网站，可以完全自由免费的管理收录20000多个网址，再也不用担心在收藏夹吃灰了。

详细介绍各个网站如下

Algorithm Visualizer 是一个交互式可视化平台，在线提供各种编程语言实现的动态规划、贪心算法、回溯、简单递归等算法。网站分为三部分，最左边是算法目录，大家可以选择自己感兴趣的算法，目前已经包括了很多算法了，比如二叉树、图、排序算法、动态规划等等经典算法 。中间区域主要是算法演示以及运行log。右侧是代码以及算法运行按钮

visualising data structures and algorithms through animation - VisuAlgo 在线交互动画的方式展示各种数据结构和算法，包括常规的链表、堆栈、列表、数组等

A Visual Guide to Graph Traversal Algorithms by Workshape.io 可视化各种图算法，主要是深度优先、宽度优先等，比较简单明了，左侧是图，右侧是遍历输出

Data Structure Visualization 数据 结构和简单的算法动态可视化展示，包括排序、索引、递归、图算法等

Sorting Algorithms Animations 各种排序算法，简单直观

Visualizing String Matching Algorithms 页面比较粗糙，但是能较好地展示各种字符串匹配算法地完整过程

PathFinding.js路径搜索算法可视化，包括A*算法，IDA，Dijkstra,Best-First等算法

Algorithm Wiki 算法百科，各种算法的简介、相关实现代码、算法的可视化等资源

Tensorflow — Neural Network Playground 网页上直接运行Tensorflow实现的神经网络算法，当前刚出来的时候效果十分惊艳。可以直接修改各种参数运行

Dynamic algorithm visualization in the browser 是一个可以在浏览器中运行算法可视化展示的JS库，下载后可以嵌入到浏览器。

https://panthema.net/2013/sound-of-sorting/ 带音效的各种排序算法动画展示

Geneaquilts GeneaQuilts是一种新的可视化技术，用于表示多达几千人的大型家谱。这种可视化的形式是一个对角线填充的矩阵，其中行是个人，列是核心家庭。GeneaQuilts系统包括一个概览、一个时间线、搜索和过滤组件，以及一个新的交互技术，称为Bring & Slide，允许在非常大的家谱中进行流畅导航。