AlgorithmVisualizer

Algorithmus Visualizer

Eine bessere Visualisierung verschiedener Algorithmen aus React.

Besuchen Sie: https://tamimehsan.github.io/algorithmisualizer/

Erforschen Sie mehr als 24 Algorithmen mit Schritt -für -Schritt -Visualisierung und vereinfachen Sie den Lernprozess und machen Sie es mehr für ein besseres Verständnis.

Bisher gibt es 6 Segmente

• Pfadfinder
• Primzahlen
• Sortieren von Algorithmen
• N Königin
• Konvexer Rumpf
• Binäres Suchspiel
• Rekursionbaum
• Turing -Maschine

Ich habe bisher insgesamt 24 algorithms implementiert. Und wird versuchen, später mehr hinzuzufügen.

Implementierte Algorithmen

• Diagrammsuche

  • DFS
  • BFS
  • Dijkstra
  • Ein Stern
  • Rekursive Labyrinth -Schöpfung

• Sortierung

  • Blasenart
  • Auswahlsart
  • Insertion -Sortierung
  • Haufensart
  • Sortierung zusammenführen
  • Schnelle Sortierung

• Sieb von Eratosthenes

• Archimedes spiral

• N Königin zurückverfolgt

• Graham -Scan nach konvexem Rumpf

• Binäre Suche

• Rekursion

  • Fibonacci -Nummer
  • Binomialkoeffizient
  • Störung
  • Schnelle Exponentiation
  • Stirling Anzahl der zweiten Art

• Turing -Maschine

  • Bitweise nicht
  • Inkrementieren
  • Das Kompliment von 2

Beitrag

Ich bin mir nicht sicher, ob jemand zu diesem Projekt beitragen möchte oder nicht. Aber jede Art von Beiträgen sind willkommen. Auch wenn Ihnen das gefällt, spiele bitte dieses Repo. Es hält mich motiviert.

Spezialfunktionen Ergänzungszeitleiste

• Commit 16: Flip -Move -Animation in die Sortierkomponenten in die Innenseite hinzugefügt
• Commit 20: Baumstruktur hinzugefügt
• 13. Dezember 2024: Release v2.0.0: Migrieren Sie das Projekt vom Legacy -Projekt zum nächsten JS mit Shadcn UI #3

Anerkennung

Ich habe mich aus den folgenden Quellen für einige Segmente inspirieren lassen.

• Pathfinder : Die Projekte, die mich in Google gebracht haben
• Archimedes Spiral for Primes : Warum machen Primzahlen diese Spiralen?
• Recursion tree visualizer : Rekursionsbaumvisualisierer
• Turing Machine : Tursi

Vor Ort laufen

Stellen Sie sicher, dass Sie einen Knoten in Ihrem System installiert haben. Dann rennen

npm i
npm run dev

Dadurch startet die App in http://localhost:3000/AlgorithmVisualizer

Inspiration für die nächsten Abschnitte

• Standort der Universität von San Francisco
• Algorithmus-Visualizer
• Nationale Website der Universität von Singapur