今日は、同じタイプの新しいウェブサイト Algorithm Visualizer を見つけました。とても良くできています。
ウェブサイトのアドレスはこちらです：http://algorithm-visualizer.org
以下では、バブルソートを使って Algorithm Visualizer について説明します。
①、選択エリア
バックトラック法、暗号化アルゴリズム、動的計画法、グラフ探索、貪欲法、探索アルゴリズム、ソートアルゴリズムなどがまとめられています。
② ChartTracer
バーの形式で交換のプロセスを表示します。位置を交換する 2 つの数に対応するバーが赤くハイライトされます。
③ Array1DTracer
②と同様の機能です。
④ LogTracer
スワップのプロセスをログモードで記録します。
⑤ ツールバー
開始 / 一時停止 / 次へ / 前へ
⑥
これはアルゴリズムのいくつかの関連する基本情報を定義する部分です。ChartTracer、Array1DTracer、LogTracer は、上記の②③④に対応しています。配列のサイズは 15 です。
もしもあなたが暗号化アルゴリズムのデモを見ているのであれば、⑥は暗号化アルゴリズムのいくつかの基本情報を表示しています。
⑦ コアアルゴリズム
Algorithm Visualizer は GitHub で 10.6k 以上のスターを獲得しています。
:fireworks:Interactive Online Platform that Visualizes Algorithms from Code
この記事では画像をざっくりと紹介していますので、もう言うことはありません。皆さんはオリジナル記事をクリックして、自分で感じてください。