AlgorithmVisualizer

アルゴリズムVisualizer

Reactで作られたさまざまなアルゴリズムのより良い視覚化。

訪問：https：//tamimehsan.github.io/algorithmvisualizer/

学習プロセスを簡素化し、より魅力的に理解するために、段階的な視覚化を備えた24を超えるアルゴリズムを探索します。

これまでのところ、6つのセグメントがあります

• Pathfinder
• 素数
• ソートアルゴリズム
• n女王
• 凸式船体
• バイナリ検索ゲーム
• 再帰ツリー
• チューリングマシン

これまでに合計24 algorithmsを実装しました。そして、後でさらに追加しようとします。

実装されたアルゴリズム

• グラフ検索

  • DFS
  • BFS
  • ディクストラ
  • 星
  • 再帰的な迷路の作成

• ソート

  • バブルソート
  • 選択ソート
  • 挿入ソート
  • ヒープソート
  • ソートをマージします
  • クイックソート

• エラトステネスのふるい

• Archimedesスパイラル

• nクイーンバックトラッキング

• Grahamスキャンは凸式船体をスキャンします

• バイナリ検索

• 再帰

  • フィボナッチ番号
  • 二項係数
  • 混乱
  • 迅速な指数
  • 2番目の種類のスターリング数

• チューリングマシン

  • ビットごとに
  • 1つを増やします
  • 2の褒め言葉

貢献

誰かがこのプロジェクトに貢献したいかどうかはわかりません。しかし、あらゆる種類の貢献は歓迎されています。また、これが気に入ったら、このレポを主演してください。それは私をやる気にさせます。

特別な機能の追加タイムライン

• コミット16：フリップ移動アニメーションを追加して、コンポーネントの並べ替えに加えた
• コミット20：ツリー構造を追加しました
• 2024年12月13日：V2.0.0のリリース：ShadCn UI＃3を使用して、レガシープロジェクトから次のJSにプロジェクトを移行します

了承

いくつかのセグメントについて、以下の情報源からインスピレーションを受けました。

• Pathfinder ：私をGoogleに入れたプロジェクト
• Archimedes Spiral for Primes ：なぜ素数はこれらのスパイラルを作るのですか？
• Recursion tree visualizer ：再帰ツリービジュアライザー
• Turing Machine ：Tursi

ローカルで実行します

システムにノードがインストールされていることを確認してください。その後、実行します

npm i
npm run dev

これによりhttp://localhost:3000/AlgorithmVisualizerでアプリが開始されます

次のセクションのインスピレーション

• サンフランシスコ大学サイト
• アルゴリズム - ビジュアライザー
• シンガポール国立大学サイト