HomeSorting Algorithm Visualizer

Sorting Algorithm Visualizer

Visualize bubble, selection, insertion, merge, and quick sort with step mode, speed control, and live compare/swap/write counters

Algorithm

Comparisons0
Swaps0
Writes0
Step Progress0 / 0
Compare
Swap
Write
Pivot
Sorted


Documentation

About Sorting Algorithm Visualizer

This tool visualizes sorting execution with algorithm switching, size/speed controls, step-by-step playback, and operation metrics.

Key Features

  • Algorithm Switching: Compare multiple sorting strategies visually.
  • Data Controls: Size and initial pattern selection.
  • Execution Controls: Start, pause, step, reset.
  • State Highlighting: Compare/swap/overwrite/pivot/sorted states.
  • Metrics Panel: Comparisons, swaps, writes, and progress.

Steps

  1. Choose algorithm and data pattern.
  2. Set data size and speed.
  3. Generate and start visualization.
  4. Compare metrics across algorithms.

Use Cases

  • Algorithm teaching and interview explanation.
  • Visual comparison of strategy behavior.
  • Learning complexity through operation counts.

FAQ

Why does runtime feel different each run?

Input pattern, browser load, and rendering overhead can vary perceived runtime.

What is step mode best for?

It helps inspect critical comparison/swap paths in detail.