← Gallery

Sorting Algorithms

by Anonymous

Swap neighboring bars to sort them and see how swap counts, comparison counts, and sorting rules change the result.

πŸ”— Open in a new tab

About this app

Sorting Algorithms is an interactive coding basics lesson that demonstrates how neighboring-item swaps can put bars into ascending order. Explore hands-on swaps, step through a computer-like comparison process, and see how JavaScript sorting rules affect numbers and cards. Counters and code snippets connect each interaction to comparisons, swaps, and sorting criteria.

Use cases

  • Beginners learning sorting algorithms
  • Students practicing JavaScript array sorting
  • Teachers demonstrating bubble-sort behavior
  • Learners comparing manual and automated sorting

Features

  • Swap adjacent bars by selecting them in the hands-on tab
  • Step through or automatically run neighboring comparisons
  • Track comparison and swap counts
  • Compare ascending, descending, text-like, and card-health sorting rules
  • View executed code and JavaScript comparator examples
  • Reset activities and progress through multiple challenges