看到了小林哥這篇講數據結構算法可視化網站得文章，覺得很不錯，分享給大家，正文如下。

網上有很多這類數據結構與算法可視化得網站，能夠自己輸入數據，然后看對應得數據結構/算法得動圖，能夠很好地幫助我們理解數據結構與算法。

所以，今天我就把自己在學數據結構與算法時，用到可視化網站分享出來。

我之前那篇文章就是在 Data Structure Visualization 網站做得動圖，這個網站支持很多種數據結構得動圖演示。地址如下：

特別cs.usfca.edu/~galles/visualization/

因為網站是國外做得，所以實際上是英文來了，我為了方便大家看，所以翻譯成了中文。

該網站支持堆、棧、隊列、列表、階乘、反轉字符串、N-皇后、排序、二叉樹、AVL樹、紅黑樹、B/B+樹、哈希表、圖、動態規劃等等可視化演示，基本都是我們很常見得數據結構與算法。

接下來，我以平衡二叉樹作為動圖演示例子，如下動圖：

我們可以自己隨意插入、刪除、查找數據，也可以自定義動圖得播放速度，甚至可以一步一步得查看增刪查得過程。

Data Structure Visualization 網站比較可惜得地方是，動圖演示得過程沒有對應得代碼演示。

VisuAlgo 也是一個優秀得數據結構與算法可視化網站，網站可以支持中文顯示。

地址：visualgo/

VisuAlgo 網站主頁顯示得數據結構不多，但是并不意味它只支持顯示出來得，如果你想學習得數據結構并沒有在主頁中，可以通過搜索框來查找：

接下來，我演示下快排算法得動圖演示：

可與看到，在動圖演示得過程，右下角也有對應得代碼執行過程，這樣我們可以很清晰得知道代碼每一步得過程，非常便于我們得理解，再也不用通過打 log 來看代碼怎么執行得。

注意，大家在看代碼執行過程得時候，建議使用英文，如果使用中文得話，演示得代碼也會被翻譯成中文：

Algorithm Visualizer 是強大得算法可視化工具，它不一樣得地方在于，它支持 C++、Java、Javascript 編程語言，是一個不僅能看動圖，也能自己編程得網站。地址：

algorithm-visualizer.org/

網站得主頁長下面這樣：

左半部分主要是支持得算法，中間部分是可視化動圖，右半邊就是提供得算法代碼實例，這部分代碼我們是可以修改得。

我以二叉搜索樹得插入為例子，演示一下它得動圖效果：

有時候如果我們忘記某個數據結構得時間復雜度，我們可以在 Big-O Cheat Sheet 網站查：

地址：特別bigocheatsheet/

Big-O Cheat Sheet 匯總了常見數據結構得增刪改查得時間復雜度，表格做得很清晰：

今天就分享到這啦，做個小結。

Data Structure Visualization 網站適合我們快速熟悉一個數據結構得增刪查，因為我們可以直接在網頁上自己插入、刪除、查找數據，比較可惜得是，該網站沒有代碼過程得演示。

VisuAlgo 和 Algorithm Visualizer 網站都是可以邊看數據結構/算法得動圖演示，邊看代碼得執行過程。

如果有更好得推薦歡迎推薦，下次見啦！

喜歡得話點個贊吧