我们学过很多排序算法,那么将排序算法排序的过程动态可视化是什么效果呢?
本期博文带你了解开源可视化排序算法,地址在博文最后,关注我,带你了解有趣好玩的工具和网站。
视觉排序是一个提供排序算法可视化的工具,伴随着听觉体验。它允许用户通过动态水平条目见证各种排序算法的工作方式。
🌟 特点
- 动态可视化:垂直条实时展示排序过程。
- 逐步探索:逐个步骤地分析算法的每个步骤,了解正在发生什么。
- 声音体验:每个垂直条代表排序数组中的一个值。当算法处理一个条时,会根据其高度产生一个声音。有 24 种不同的声音振荡器选项可供选择。
- 输入数组选项:通过打乱、反转或以山丘和山谷形式排列来自定义数组以进行排序。选择从 2 到 1024 个元素的数组大小。
- 可调速度:通过动态改变延迟来控制节奏,以加快或减慢过程,精度高达 500 毫秒。
- 主题:DaisyUI 提供的各种主题,让每个人都能找到适合自己的。
🤖 支持的排序算法
- 冒泡排序
- 快速排序
- 希尔排序
- 归并排序
- 插入排序
- 选择排序
- 基数 LSD 排序
- 基数 MSD 排序
- 堆排序
- 位序排序
- 蒂姆排序
- 高姆排序
- 循环排序
- 鸡尾酒排序
- 煎饼排序
- 斯图吉排序
- 布 ogo 排序
- 交换排序
- 奇偶排序
🔍 理由
视觉排序是为了探索和学习 Svelte(一个现代 JavaScript 框架)而创建的。受 Timo Bingmann 引人入胜的视频《排序的声音》(https://www.youtube.com/watch?v=kPRA0W1kECg)的启发,该视频将排序算法的可视化与声音相结合,作者开发了一个提供类似教育和吸引力的工具。视觉排序旨在通过动态视觉和声音使学习排序算法变得既愉快又富有洞察力。