Webデモ
このリポジトリは、さまざまなウェブデモをまとめたものです。
デモ一覧
データ構造とアルゴリズム
Water Jug Problem
-
4Lと3Lの水差しで2Lを作るシミュレーショ ン
Sentinel Search Comparison
-
番兵あり・なしの線形探索を並べて、要素比較と範囲確認の差を可視化
Hash Search
-
ハッシュ法の探索例と衝突処理を、オープンアドレス法/チェイン法で可視化
Singly Linked List
-
単方向リストの挿入・削除で、next ポインタのつなぎ替えをステップごとに可視化
Stairs Recursion
-
再帰による階段の登り方問題のデモ
Tower of Hanoi
-
ハノイの塔のインタラクティブなデモ
River Crossing
-
川渡り問題のシミュレーション
Maze Search (BFS/DFS)
-
幅優先/深さ優先で迷路を探索。探索木とログを動的表示
Huffman Coding
-
出現頻度からハフマン木を構築し、符号表・平均 符号長・エントロピーHを可視化
Graph Visualizer
-
BFS/最短経路などの可視化
Heap Sort Visualizer
-
最大ヒープの構築からソートまでの過程を木構造で可視化
進化計算
GA OneMax
-
OneMax問題を解く遺伝的アルゴリズムのデモ
CMA-ES Simulator
-
CMA-ESのシミュレータ
DE Simulator
-
差分進化のシミュレータ
PSO Simulator
-
粒子群最適化のシミュレータ
ACO TSP
-
アリコロニー最適化でTSP
GP Regression
-
ガウス過程回帰
機械学習
k-means Clustering
Polynomial Regression & Overfitting
PCA Educational Demo
MediaPipe
Finger Draw
-
手と顔の検出による3D描画
Boid Fish (Hand Control)
-
手の動きで群れ(Boids)の魚を制御
3D Physics × Hand Tracking
-
3D物理×ハンドトラッキング
Emotion Recognition
-
表情認識(Face Mesh + face-api.js)
Face Mesh 画像生成
-
MediaPipe Face Meshのランドマーク情報を利用した画像生成デモ
Audio
マイク波形(リアルタイム)
リアルタイムFFT(波形+スペクトラム)
リアルタイムFFT+スペクトログラム
音声コマンド認識(TF.js + Chart)
リアルタイム日本語スピーチ→テキスト(Web Speech API)
Fourier Epicycles
-
手描き軌跡のフーリエ復元