Skip to content

README.md

Latest commit

 

History

History
77 lines (64 loc) · 2.31 KB

README.md

File metadata and controls

77 lines (64 loc) · 2.31 KB

Algorithms-Visualizer

A web project for visualizing classic Data Structures & Algorithms. It lets you see how sorting and pathfinding algorithms work through interactive animations.

Tech Stack

  • HTML & CSS (no frameworks)
  • TypeScript

Pre-requisites

  1. Install Node.js.
  2. Install TypeScript globally:
npm install -g typescript

How to Run

  1. Open the project folder in your terminal.
  2. Start the TypeScript watcher to compile on save:
tsc --watch

Note: The watcher automatically compiles TypeScript to JavaScript whenever you save files.

Can’t run locally? View the demo here: Live Demo

Features

Sorting Algorithms

  • Visualize sorting via a “Books in a Library” metaphor (goal: alphabetical order).
  • Controls for algorithm selection, visualization speed, item count, and worst case.
  • Supported: Bubble Sort, Selection Sort, Insertion Sort, Quick Sort.

Pathfinding Algorithms

  • Visualize pathfinding on a drawable maze (set start/end and draw walls).
  • Controls for algorithm selection and visualization speed.
  • Supported: Depth-First Search (DFS), Breadth-First Search (BFS).

Screenshots

The Library
The Library (Sorting)

Path Finding
Pathfinding on a Maze

Contributing

Issues and pull requests are welcome. If you’re from IU or just curious about algorithms, feel free to fork the repo and improve visualizations, add new algorithms, or refine UI/UX.

License

This project is open-source. Use it for learning, teaching, or extending with credit to the original project.