Awesome Open Source
Awesome Open Source


Javascript based Data Structure and Algorithm Visualizer




Algorithm Visualizer is a visual illustration of an algorithms operation, its perfomance on different kinds of inputs. Understanding algorithms with visulization is much easy. Structurex project aims to build such JavaScript based Data Structure and Algorithm visualizer.

Implementations include:


  • Bubble Sort
  • Selection Sort
  • Merge Sort
  • Insertion Sort
  • Quick Sort
  • Heap Sort


  • Linear search
  • Binary Search


  • Sieve of Eratosthenes


  • BST - search, traversals, creation
  • A* path finding
  • Djikstra's
  • A few graph algos (maybe)

Tech Stacks:

  • HTML
  • CSS

How to get started?

1.Add a star to this project for more updates on the project.


2. Fork the repository

Fork this repository by clicking on the fork button on the top of this page. This will create a copy of this repository in your account.


For more details:

3.Clone the repository

Now clone the forked repository to your machine. Go to your GitHub account, open the forked repository, click on the code button and then click the copy to clipboard icon.


Open your terminal/git bash/. Change the current working directory to the location where you want the cloned directory. Run the following commands:

  git init
  git clone<your-account-username>/Structurex.git

<your-account-username> should be your github username.

For more details:

4.Create branch

Now create a branch using the git checkout command:

    git checkout -b your-new-branch-name

Branch name could be anything preferably related to your name or issue.

Keep your cloned repo upto date by pulling from upstream (this will also avoid any merge conflicts while committing new changes)

    git pull origin main

5.Make changes and commit them

Make the necessary changes on your local computer and save the file.

Add those changes to the branch you just created using the git add command:

  git add <file name>


    git add --all

Commit those changes using git commit command:

    git commit -m "message about what you have done"

6. Push changes to github

    git push origin <add-your-branch-name>

<add-your-branch-name> name of the branch you created earlier.

7.Submit your changes

Once you push the changes to your repo, the Compare & pull requestbutton will appear in GitHub.Click it and you will be taken to another screen.Then click Create pull request button.

For more details:

CONGRATS!! You have made a sucessful contribtion once your pull request (PR) gets merged.

Contribution Guidelines

  • Find an issue that you think you can solve. If you do not find any issue, try to create one by identifying problems in the project, or wanting to improve something, anything you wish.

  • Always ask for the issue to be assigned and only then start working on it.

  • Fork the repo. Clone it. Make changes in the code and push to your fork. Then create a pull request.

  • If you have problem with the above workflow, take help from mentors or search about the same on youtube and you will be able to do it.

Our valuable Contributors :


See the LICENSE file for details

Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,061,746
Html (242,250
Algorithms (37,460
Sort (7,175
Html Css Javascript (2,271
Dsa (756
Dsa Algorithm (96