Algorithm Tools
31 free algorithm tools. Browser-based. No signup. Privacy-first.
Algorithm Tools とは?
Algorithm visualizers are interactive, browser-based tools that animate how classic computer-science algorithms run — sorting, searching, graph traversal, pathfinding, data structures and recursion. By stepping through each operation visually, they turn abstract pseudocode into something you can watch, pause and replay while you learn.
What are algorithm visualizers?
These tools animate the algorithms at the heart of computer science — watch a sorting algorithm swap elements, a graph search expand its frontier, or a binary search tree rebalance after an insert. Seeing each step makes time complexity and edge cases far easier to internalise than reading pseudocode alone.
They pair naturally with the explanations in our learning hub: read the concept, then drive the visualizer yourself.
Why client-side?
- Privacy: sensitive data (API keys, payloads, passwords) never leaves your device.
- Speed: no network round-trip — results appear as you type.
- Reliability: works offline once loaded.
- Cost: always free, no signup or rate limits.
Browse Algorithm Tools
Sorting · 6
バブルソート ビジュアライザー
バブルソートの動きをアニメーションで確認できるツール。ステップ実行や速度調整、カスタム入力データ、比較・交換回数のリアルタイム表示、擬似コードの表示に対応しています。すべてブラウザ内だけで動作します。
ツールを開く挿入ソート(Insertion Sort)ビジュアライザー
挿入ソートをアニメーションで可視化。ステップ実行や速度調整、カスタム入力、比較回数・書き込み回数のリアルタイム表示、疑似コード(pseudocode)表示に対応。すべてブラウザ内で完結します。
ツールを開く選択ソート(Selection Sort)ビジュアライザー
ステップ実行、速度調整、カスタム入力、比較/交換回数のライブカウンター、擬似コードを備えたSelection Sortのアニメーション。すべてブラウザ内だけで完結します。
ツールを開くマージソート ビジュアライザー
マージソートの動きをアニメーションで再現するツールです。ステップ実行、速度調整、独自のデータ入力、比較・書き込み回数のリアルタイム表示、擬似コード表示に対応。すべてブラウザ上だけで動作します。
ツールを開くクイックソート・ビジュアライザー
ピボットとパーティションをハイライト表示しながらクイックソートをアニメーション表示。ステップ実行、速度調整、カスタム入力、リアルタイムのカウンター、擬似コードにも対応。ブラウザ上ですぐに動かせます。
ツールを開くヒープソート ビジュアライザー
ヒープソートのアルゴリズムをアニメーションで可視化。ステップ実行や速度調整、入力データのカスタマイズ、比較・交換回数のライブカウント、擬似コード表示に対応。ブラウザだけでその場に動かせます。
ツールを開くSearching · 2
Graph & Pathfinding · 5
ダイクストラ法ビジュアライザー
グリッド上でダイクストラ法による経路探索を可視化。壁を描き、始点・終点を動かし、迷路を生成し、探索の進行をステップごとに確認できます。すべてブラウザ上で動作します。
ツールを開くA*経路探索ビジュアライザー
マンハッタン距離ヒューリスティックを使ったA*経路探索をグリッド上でインタラクティブに可視化。壁を描いてスタート/ゴールを動かし、迷路を自動生成し、探索をステップごとに実行できます。すべてブラウザ内で完結します。
ツールを開く幅優先探索(BFS)ビジュアライザー
グリッド上でインタラクティブに幅優先探索を体験できるツール。壁を描き、スタート地点とゴール地点を自由に動かし、迷路を自動生成しながら、探索が層ごとに広がっていく様子をステップ単位で観察できます。ブラウザだけですぐに動きます。
ツールを開く深さ優先探索(DFS)ビジュアライザー
グリッド上でインタラクティブに深さ優先探索を体験。壁を描いたり、スタート/ゴール地点を動かしたり、迷路を生成したり、探索の様子をステップごとに確認できます。ブラウザ上ですぐに動作します。
ツールを開く迷路ジェネレーター
再帰分割法(recursive division)によるアニメーション付き迷路ジェネレーター — 壁が組み上がっていく過程をステップごとに確認し、速度を調整して、新しい迷路を何度でも生成できます。経路探索アルゴリズムのビジュアライザーと組み合わせて使うのに最適です。すべてブラウザ上で完結します。
ツールを開くData Structures · 6
二分探索木ビジュアライザー
挿入・検索・削除をアニメーションで確認できるインタラクティブな二分探索木ツール。ステップ操作と疑似コード表示付きで、ブラウザ上ですぐに動かせます。
ツールを開くバイナリヒープ可視化ツール
インタラクティブなバイナリ最大ヒープ — 要素を挿入(insert)し、最大値を取り出す(extract-max)操作を、sift-up / sift-downのアニメーションとステップ実行、疑似コード付きで確認できます。すべてブラウザ内で完結します。
ツールを開くスタック可視化ツール
インタラクティブなLIFOスタック — pushとpopをアニメーション付きのtopポインタとステップ操作で確認できます。ブラウザ上ですぐ動作します。
ツールを開くキュー可視化ツール
インタラクティブなFIFOキュー — front/rearポインタのアニメーション付きで要素の追加(enqueue)と取り出し(dequeue)を実行し、ステップ操作ボタンで動きを確認できます。ブラウザ上ですぐに動作します。
ツールを開く連結リスト・ビジュアライザー
単方向連結リストをインタラクティブに操作 — 先頭/末尾への挿入、検索、削除をポインタが動くアニメーションとステップ実行ボタンで確認できます。ブラウザ上でそのまま動作します。
ツールを開くハッシュテーブル可視化ツール
separate chaining方式のインタラクティブなハッシュテーブル。insert・search・deleteの動きを、値のハッシュ化と衝突処理のアニメーションで確認できます。ブラウザ上ですぐに動作します。
ツールを開くNumber Theory & Math · 5
エラトステネスの篩 ビジュアライザー
エラトステネスの篩(ふるい)アルゴリズムを数字グリッド上でアニメーション表示するツール。素数にマークを付け、合成数を消していく様子をステップごとに確認できます。すべてブラウザ内で動作します。
ツールを開くユークリッドの互除法ビジュアライザー(GCD)
ユークリッドの互除法をアニメーションで表示 — (a, b) → (b, a mod b) という置き換えを繰り返しながら、2つの数の最大公約数(GCD)をステップごとに計算します。ブラウザ上でそのまま動作します。
ツールを開く素因数分解ビジュアライザー
因数分解ツリーで素因数分解をアニメーション表示 — 数を1ステップずつ素因数へ分解していきます。ブラウザだけで動作します。
ツールを開くコラッツ予想ビジュアライザー
コラッツ数列(3n+1)を動的な折れ線グラフで表示 — 1に到達するまでの増減の軌跡を追跡できます。ステップごとの操作に対応。ブラウザ上ですぐに実行できます。
ツールを開くフィボナッチ数列ビジュアライザー
フィボナッチ数列の生成過程をアニメーションで可視化 — 各項は直前の2項の和で、ステップごとの操作ボタンで一項ずつ組み立てられます。ブラウザ上ですぐに動作します。
ツールを開くGeometry · 3
凸包(Convex Hull)ビジュアライザー
平面上の点群に対して、Andrewのmonotone chainアルゴリズムで凸包(convex hull)を構築する様子をアニメーションで可視化 — push/popの過程をステップごとに確認できます。ブラウザ上ですぐ動作します。
ツールを開く多角形面積ビジュアライザー(シューレース公式)
シューレース公式で多角形の面積をアニメーション表示 — 符号付き三角形の面積を積み上げながら計算し、ステップごとに操作可能。ブラウザ上ですぐに実行できます。
ツールを開く線分交差ビジュアライザー
線分の交差判定をアニメーションで可視化 — 外積を使った向き判定(orientation test)と正確な交点の計算を、ステップごとに確認できます。ブラウザだけで動作します。
ツールを開くRecursion & DP · 4
ハノイの塔シミュレーター
ハノイの塔問題を再帰的に解くシミュレーター — 最小手数2ⁿ−1で円盤を移動し、ステップごとに操作を確認できます。ブラウザ上でそのまま動作します。
ツールを開くN-Queensビジュアライザー
N-Queens問題をバックトラッキングアルゴリズムで動的に解く様子をシミュレーション — チェス盤上でクイーンを配置し、衝突を検出し、行き詰まると後戻りするプロセスをステップ操作ボタンで確認できます。ブラウザだけで完結。
ツールを開くナップサック問題(0/1)ビジュアライザー
0/1ナップサック問題を動的計画法(dynamic programming)でアニメーション表示 — DPテーブルを1マスずつ埋めながら、依存関係にあるセルをハイライトし、ステップ実行にも対応。ブラウザ上でそのまま動作します。
ツールを開くライフゲーム(コンウェイのライフゲーム)
コンウェイのライフゲームをインタラクティブに体験。セルを描いて世代を進め、1ステップずつ実行したり、ランダム配置も可能。すべてブラウザ内で完結します。
ツールを開くLearn the concepts
Go deeper into the theory behind these tools, with step-by-step explanations and Big-O analysis:
Prefer a focused tool?
- Sort Visualizer → Watch sorting algorithms run, step by step
- Data Structures → See data structures build and rearrange, step by step
- Graph & Pathfinding → Watch graphs get traversed and shortest paths get found
- Number Theory → See the math behind algorithms, step by step
- Geometry → Computational geometry, drawn step by step
よくある質問
コンウェイのライフゲームとは何ですか?
グリッド上の各セルが「生」か「死」のいずれかの状態を取る、プレイヤー不在のセルオートマトンです。各世代で、周囲の生存セル数に基づくシンプルな4つのルールに従い、すべてのセルが同時に更新されます。
ルールはどのようなものですか?
生きているセルは、周囲に生存セルが2つか3つあれば生き続け、それ以外(過疎または過密)では死にます。死んでいるセルは、周囲にちょうど3つの生存セルがあれば誕生します。
どのようなパターンが現れますか?
ブロックなどの静物、ブリンカーやトードといった振動子、グライダー、さらには複雑な構造まで現れます — ライフゲームはチューリング完全であることが知られています。
誰が考案したのですか?
数学者ジョン・コンウェイが1970年に考案しました。この作品はセルオートマトンという概念を広く知らしめ、創発的な複雑さを示す古典的な例として今も語り継がれています。
Zerethon Social で作成・共有・成長しよう
無料登録。ポイントを獲得し、実績を集め、世界中のクリエイターとつながりましょう。