3D-Sorting-Algorithm-Visualizer

Interactive 3D visualizer for sorting algorithms built with Three.js.

3D-Sorting-Algorithm-Visualizer

JavaScript

Interactive 3D visualizer for sorting algorithms built with Three.js.

3D-Sorting-Algorithm-Visualizer

Watch over 25 sorting algorithms race in 3D. Built with Three.js, it turns each algorithm into an async generator that yields animation steps, so Bubble Sort and Bitonic Sort run in colorful bars you can rotate.

What's in it

  • A Three.js 3D scene.
  • 25+ algorithm modules as async generators.
  • Metadata per algorithm.
  • A controller and visualizer split.
  • Jest unit tests.

The flow

Each algorithm is an async generator that yields step objects, saying which indices to compare or swap. The visualizer consumes them one at a time, animating the bars, while a controller drives play, pause and stepping. An FSM tracks the state. Generators are the trick; they let you pause and switch sorts mid-run.