AlgorithmVisualizer

算法可视化器

更好地可视化与React制造的不同算法。

访问：https：//tamimehsan.github.io/algorithmvisualizer/

通过逐步可视化探索超过24个算法，简化了学习过程，并使其更具吸引力以获得更好的理解。

到目前为止有6个细分市场

• 探路者
• 素数
• 排序算法
• n皇后
• 凸船体
• 二进制搜索游戏
• 递归树
• 图灵机

到目前为止，我总共实施了24 algorithms 。并将尝试以后添加更多。

实施算法

• 图形搜索

  • DFS
  • BFS
  • Dijkstra
  • 星星
  • 递归迷宫的创造

• 排序

  • 气泡排序
  • 选择排序
  • 插入排序
  • 堆排序
  • 合并排序
  • 快速排序

• Eratosthenes的筛子

• 阿基米德斯螺旋

• n皇后回溯

• Graham扫描凸面船体

• 二进制搜索

• 递归

  • 斐波那契号
  • 二项式系数
  • 扰乱
  • 快速启用
  • 斯特林的第二类

• 图灵机

  • 钻头不是
  • 增量一个
  • 2的称赞

贡献

我不确定是否有人想为这个项目做出贡献。但是任何贡献都受到欢迎。另外，如果您喜欢这样做，请标记此仓库。它使我有动力。

特殊功能增加时间表

• 提交16：添加了Flip Move Animation到Income Contrating组件中
• 提交20：添加的树结构
• 2024年12月13日：版本v2.0.0：将项目从传统项目迁移到Shadcn UI＃3的下一个JS

致谢

我从以下一些细分市场中汲取了灵感。

• Pathfinder ：让我进入Google的项目
• Archimedes Spiral for Primes ：为什么质数会使这些螺旋形成？
• Recursion tree visualizer ：递归树可视化器
• Turing Machine ：图西

本地运行

确保系统中安装了节点。然后运行

npm i
npm run dev

这将在http://localhost:3000/AlgorithmVisualizer中启动应用程序

下一节的灵感

• 旧金山大学网站
• 算法 - 访问者
• 新加坡国立大学网站