Skip to content

gsass1/AlgoVis

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

73 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AlgoVis

AlgoVis is an algorithm visualizer designed to simulate complex algorithms using different data structures. It could have potential use in aiding computer science student's in their comprehension in algorithms and datastructure courses.

AlgoVis running Kruskal AlgoVis running Quicksort AlgoVis running DFS

User code is written in JavaScript which is interpreted by JS-Interpreter. All simulation and interpretation is handled on the client-side, making this app serverless.

Development

Install dependencies:

npm install

Start the development server:

npm run dev

Build for production:

npm run build

Preview the production build:

npm run preview

Using AlgoVis

You can think of AlgoVis as a "visual debugger", meaning you can write code and instantly observe its effects.

Several algorithms have already been implemented, try the "Examples" button on the top right.

  • Lists
    1. Bubble Sort
    2. Insertion Sort
    3. Quick Sort
  • Trees
    1. Depth-First Search
    2. Breadth-First Search
    3. Binary Search Trees
  • Graphs
    1. Kruskal's minimum spanning tree

AlgoVis currently supports visualizing the following data structures:

  1. Lists
  2. Trees
  3. Queues
  4. Graphs

If you want to know more about programming in AlgoVis, check out API.md.

Releases

Packages

Used by

Contributors

Languages