この可視化アニメーションは、実際にデータ構造とアルゴリズムの理解に私はいくつかのあなたを助けることを望んで、これらを終えたので、特に良好な抗落胆ツールと呼ばれる研究の開始時に、非常に便利です。
オンライン0x00のデータ構造シミュレータ
GithubのURL：https://github.com/IACJ/react-datastructer
オンラインで：https://iacj.github.io/react-datastructer/#/
このオンラインシミュレータは、「スタック」が含まれてい「キュー」、「ヒープ」、私たちの前で画像表示の仕方によって、「BST」と他のデータ構造、各データ構造、また、彼らの助けは、あなたがマウスを使ってデータノードをドラッグ＆ドロップできることを、あなたが達成することができますさまざまなデータ構造の削除は、検索を変更します。
もう一つのポイントは、このサイトは、材料のデータ構造を教えることで同行され、良いですが、様々なデータ構造を原則を理解し、使用するための一例を使用して複雑なデータ構造の簡単な分析は非常に絹のようなことができます...
また、使用のための指示書および製品概要とサイト上で、非常に親密なA ...することができ
何気なくポイントは「ヒープ」を開くには、我々の経験は、友人と急いでしようとしていない...
0x01のVisuAlgo
英語URL：HTTPS： //visualgo.net/en
中国のウェブサイトは：https://visualgo.net/zh
VisuAlgo渡されたアルゴリズムとデータ構造を学習ウェブサイトのアニメーションの比較的高いプロファイルであると言うことができる、最初に確立された方が良いに学生を可能にするために可視化することですデータ構造とアルゴリズムの理解。
ヘルプへの視覚的なアニメーションによる、より機能豊富なのVisuAlgo、それは単純なものから複雑なものまで、データ構造とアルゴリズムの多くが含まれている全て含まれており、採用した新興いくつかのアルゴリズムのために、私たちより簡単に徹底的に理解特にアルゴリズムの記載の一部のためのアルゴリズムと原則は、理解することが困難であり、単に生活の光です。
VisuAlgoまた、支持体は、検索およびスイッチ言語は、英語の学生が中国に切り替えることはできませんが、今あなたが英語を読むことができるのであれば、それは中国を見ることをお勧めします中国語の翻訳が完了していない多くのアルゴリズムが存在します。
私たちは何気なくビューの並べ替えを開くために指して、あなたはそれがはるかとして含まれていることを確認でき、また、テキスト説明するため、シングルステップ、巻き戻し、一時停止や他の機能と、本当に豊かで強力ですが、もちろん、それはそこに停止しない、また、より多く含まれています私たちはすぐに行動に、プレイするために多くのものが待っています。
0x02のデータ構造の可視化
URLは：https://www.cs.usfca.edu/~galles/visualization/Algorithms.html
、これはデータ構造とサンフランシスコ大学のアルゴリズムの可視化ツールではありませんが、それの内容はVisuAlgoよりも多く必要とするが、また、それは、共通のデータ構造とアルゴリズムの多くが含まれます。
私たちは、単に「スタック」、プッシュ（停止）があり、左上隅を開設し、ポップ（ポップ）は、クリアスタック（空スタック）は、特定の用途に、アニメーションのためのいくつかのパラメータを設定することができます以下は、それはまた、より多くのことを行う必要があります試してみてください。
ビジュアライザアルゴリズム0x03のMathimatics-数値
GithubのURL：https://github.com/algorithm-visualizer/algorithm-visualizer
URL：https://algorithm-visualizer.org/
AVはまた、動的プログラミング、暗号化アルゴリズム、バックトラッキングアルゴリズムを含むデータ構造とアルゴリズムの多くの視覚化が含まれ、このプロジェクトは25kの+のGithub上のスターのを持って、その人気を見るのに十分：
同じ何気なくポイントは「バイナリ検索を開くにはツリー」は、プロセスデータ記録コードの提示、およびコード部分のプレゼンテーション、同期ステップにも同時にアニメーション実行コードの実行の表示領域の一部を含む、コードは、原理も理解することができることを理解することができるアルゴリズムおよび手順、本当それは本当に素晴らしいです！
0x04のLeetCodeAnimation
URL：https://github.com/MisterBooo/LeetCodeAnimation
これは呉兄弟（学習アルゴリズム5分）メンテナンスプロジェクトはの頭部に属する、+ GitHubの上の星を44Kを持っている私の良き友人のプログラマーであります戦闘機。
プロジェクトは、アニメーションのアイデアの形で解LeetCodeのタイトルを提示することを約束され、私たちはデータ構造とアルゴリズムを学ぶ、それは具体的には、実際の環境の実用的な操作は、アプリケーションで理解する、理解する上でアプリケーションを理解深めるために、よりになる傾向があり、使用することですすぐに把握することができます。
例えば、最後から二番目のノードNのリストを削除するには：
今のプロジェクトは引き続き改善していることを、私たちは星を見るべきだと思います。
0x05を書き込んだ後
、この記事のいくつかの視覚的なアニメーションが説明したがが、あなたはまだ絵についての書き込みに自分自身を理解する必要があり、将来を支援するためのツールとしてこれを使用することを我々はより簡単にデータ構造とアルゴリズムを理解することができますが、私はお勧め人々は怠惰しやすいようでない過度の依存を行います。
あなたは私たちがお互いを励まし、先につながるショートカットではなく、それぞれの時間よりも、学ぶために、理解して自分自身に依存する必要が新しい何かが常にあります。
参考リンク：アンチは落胆！データ構造とアルゴリズムを理解するのは難しいですか？あなたは簡単に徹底的に理解してアニメーションを視覚化！-https://mp.weixin.qq.com/s/8GVAmUMqgaFEGJHI9DdvEQ