Algorithm Visualizer

This is a web application visualizing alogrithms from code. , it provides some sorting algorithms, including:

• Selection sort
• Bubble sort
• Heap sort
• Quick sort
• Merge sort

Tools

In the beta version, it was built by Flask, plain JavaScript and hosted on Heroku.

Now it is built by:

• Next.js
• Bootstrap
• Hosted on Vercel

Functionalities

• Navigate between different pages.
• The animated visualization view.
• Play and Reset the animation.
• Draw the graph with an optional size.
• Change the speed of the animation.
• Select the speed between 3 categories: x1 to default, x10 to 10 times faster, x100 to 100 times faster.

Run (locally)

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the app.