DATA STRUCTURE VISUALIZER

This is a react application which visualizes some array sorting algorithms, path finding algorithm and data structure.

Modules and dependencies

In the root folder of your project

    npx create-react-app .
    npm install react-modal
    npm install react-router-dom

VISUALIZATION:

• Linked List Traversal
• Sorting Algorithms
• Path Finding Algorithm

BUBBLE SORT

Elements - 50
Sorting Speed - 3ms

---

SELECTION SORT

Elements - 50
Sorting Speed - 3ms

---

INSERTION SORT

Elements - 50
Sorting Speed - 3ms

---

MERGE SORT

Elements - 100
Sorting Speed - 5ms

---

QUICK SORT

Elements - 100
Sorting Speed - 10ms

---

HEAP SORT

Elements - 100
Sorting Speed - 10ms

---

SHELL SORT

Elements - 100
Sorting Speed - 10ms

---

Height of the bars changes with the change in number of elements

Input elements