Search Algorithm Visualizer

This project aims to visualize a handful of search algorithms.

Implemented Algorithms

• Depth-first Search
• Breadth-first Search
• Uniform-cost Search

Running locally

To run the application locally, run the following commands:

npm install
npm start

How to use

• 'Algorithm': Select desired search algorithm
• 'From/To': Select the start and desination node
• 'Search!': Press to start search
• 'Add node': Enter node number, press 'Ok!' to add to graph
• 'Add edge': Select start and end of edge to add, press 'Ok!' to add to graph
• 'Change Edge Weight': Select start and end of edge, and enter desired weight of edge, press 'Ok!' to add to graph
• 'Delete node': Select node to delete, press 'Ok!' to remove from graph
• 'Delete edge': Select start and end of desired edge, press 'Ok!' to remove from graph
• 'Reset Graph': Reset graph to original default graph
• 'Reset Colors': Reset the graph colors while retaining added nodes and edges

Demo

Demo_Final.mp4