AlgorithmVisualizer

Visualiseur d'algorithme

Une meilleure visualisation de différents algorithmes fabriqués avec React.

Visitez: https://tamimehsan.github.io/algorithmvisualizer/

Explorez plus de 24 algorithmes avec une visualisation étape par étape simplifiant le processus d'apprentissage et le rendant plus engageant pour une meilleure compréhension.

Jusqu'à présent, il y a 6 segments

• Éclaireur
• Nombres premiers
• Tri des algorithmes
• N reine
• Coque convexe
• Jeu de recherche binaire
• Arbre de récursivité
• Turing machine

Jusqu'à présent, j'ai implémenté un total de 24 algorithms . Et essaiera d'en ajouter plus tard.

Algorithmes implémentés

• Recherche de graphiques

  • DFS
  • BFS
  • Dijkstra
  • Une étoile
  • Création de labyrinthe récursif

• Tri

  • Tri bulle
  • Tri de sélection
  • Tri insertion
  • Trie de tas
  • Fusion
  • Tri rapide

• Tamis d'eratosthène

• Archimède en spirale

• N Queen Backtracking

• Graham Scan pour coque convexe

• Recherche binaire

• Récursivité

  • Numéro de Fibonacci
  • Coefficient binomial
  • Dérèglement
  • Exponentiation rapide
  • Stirling Nombre de secondes

• Turing machine

  • Bitwise pas
  • Augmenter un
  • Compliment de 2

Contribution

Je ne sais pas si quelqu'un souhaite contribuer à ce projet ou non. Mais tout type de contributions est les bienvenus. De plus, si vous aimez cela, veuillez jouer ce dépôt. Cela me maintient motivé.

Timeline d'ajout de fonctionnalités spéciales

• Commit 16: Ajout de l'animation Flip Move to Inplace Tri les composants
• Commettre 20: Structure des arbres ajoutés
• 13 décembre 2024: version v2.0.0: migrer le projet du projet hérité vers JS Next avec shadcn ui # 3

Reconnaissance

Je me suis inspiré des sources suivantes pour certains des segments.

• Pathfinder : les projets qui m'ont amené à Google
• Archimedes Spiral for Primes : pourquoi les nombres premiers font-ils ces spirales?
• Recursion tree visualizer : visualiseur d'arbre de récursivité
• Turing Machine : turSi

Courir localement

Assurez-vous que le nœud a installé dans votre système. Puis courez

npm i
npm run dev

Cela démarrera l'application dans http://localhost:3000/AlgorithmVisualizer

Inspiration pour les sections suivantes

• Site de l'Université de San Francisco
• Algorithme-visualizer
• Site national de l'Université de Singapour