DEMO-VISUALISATION: https://elenarumiru.github.io/Visualization-of-Sorting/
Создано Румянцевой Еленой в 2023 году с помощью Youtube-канала Александра Дудукало
Позже: добавлю все остальные методы сортировки благодаря сотруднечеству с автором канала.
Визуализация алгоритмов сортировки методов пузырьком и выбором. Количество элементов массива задается первой строкой в файле main.js при помощи глобальной переменной NUMBERS_COUNT. Для наглядности количество элементов было уменьшено до 100. Данное значение можно изменить при желании.
- index.html - главная страница игры.
- style.css - стилизация страницы.
- main.js - скрипт сортировки и ее визуализации.
Элементы создаются через javascript c помощью класса Column и функции createSortBox. В HTMLL создается лишь контейнеры, равные количеству визуализированных методов сортировки. Итерируемые элементы подсвечиваются за счет присваивания определенных CSS классов с анимацией вспышек.
Важно: для эффектов анимации была добавлена задержка, поэтому скорость выполнения сортировки не является чистой скоростью сортировки!
Автором анимации является Александр Дудукало.