Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/erenyeager101/dsa-multi-algo-simulator

We have developed a multi-algorithm simulatorβ€”a web-based platform that visualizes various algorithms in DSA course which will help in visualizing tough topics. This interactive tool will help users explore DSA concepts more thoroughly and give them better understanding.
https://github.com/erenyeager101/dsa-multi-algo-simulator

canvas charts css html5 javascript

Last synced: 3 months ago
JSON representation

We have developed a multi-algorithm simulatorβ€”a web-based platform that visualizes various algorithms in DSA course which will help in visualizing tough topics. This interactive tool will help users explore DSA concepts more thoroughly and give them better understanding.

Awesome Lists containing this project

README

        

# 🌟 Multi-Algo-Simulator 🌟

Welcome to **DSA-multi-Algo-Simulator** - your go-to tool for visualizing and simulating various algorithms dynamically in one place! πŸš€ This simulator empowers users to explore, understand, and analyze multiple algorithms with ease, offering interactive animations and step-by-step breakdowns.




## 🎯 **Core Features**

- πŸ”„ **Multiple Algorithm Support**: Simulate a variety of data structures and algorithms, such as:
- 🧩 Sorting Algorithms (Merge Sort, Quick Sort, etc.)
- [Bubble Sort](https://dsa-multi-algo-simulator.vercel.app/templates/sort_algorithms/bubble.html)
- πŸ”— Data Structures (Singly Linked Lists, Binary Search Trees)
- [Singly Linked List](https://dsa-multi-algo-simulator.vercel.app/templates/linked_list/singly.html)
- πŸ“Š Searching Algorithms (Linear Search, Binary Search)
- [Binary Search](https://dsa-multi-algo-simulator.vercel.app/templates/search_algorithms/binary.html)
- ⚑ **Interactive Animations**: Watch algorithms come to life with step-by-step visualizations.
- πŸ” **Deep Insights**: Learn the inner workings of each algorithm through detailed comments and animated flow.
- πŸ“± **Responsive Design**: Works on all devices – mobile, tablet, and desktop!

---

## πŸ“ **Tech Stack**

- **Frontend**: ![HTML5](https://img.shields.io/badge/-HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=fff) ![CSS3](https://img.shields.io/badge/-CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=fff) ![JavaScript](https://img.shields.io/badge/-JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=000)
- **Backend**: ![Node.js](https://img.shields.io/badge/-Node.js-339933?style=for-the-badge&logo=node.js&logoColor=fff)
- **Visualization**: ![D3.js](https://img.shields.io/badge/-D3.js-F9A03C?style=for-the-badge&logo=d3.js&logoColor=fff)

---

## πŸš€ **Get Started**

1. Clone the repository:
```bash
git clone https://github.com/your-repo/ADS-CP.git
cd ADS-CP
```
2. Install the dependencies:
```bash
npm install
```
3. Run the development server:
```bash
npm start
```

---

## πŸ“Έ **Screenshots**




---

## πŸ› οΈ **Key Functionalities**

- πŸ“ˆ **Real-Time Graphing**: Visualize the evolution of algorithms step by step.
- πŸ’» **Code Snippets**: Every algorithm comes with a breakdown of the logic in a simplified code format.
- πŸ”§ **Customizable Inputs**: Adjust parameters like array size, values, and more to see the impact on the algorithm.

---

## πŸ’‘ **How It Works**

- Select an algorithm from the list.
- Enter custom data or use pre-loaded test cases.
- Click "Run Simulation" to see the algorithm in action.
- Analyze the execution in the animation window with speed control!

---

## πŸ”₯ **Contributions**

We welcome contributions! πŸš€ Feel free to open issues or submit pull requests to enhance the simulator.
A group project developed by -
- Kunal Sonne
- Raj thakur
- Hariom surwase
- Atharva Tuljapurkar
- Shreeparth Torawane

---

## βš–οΈ **License**

This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for more details.

---

Made with πŸ’» by the **ADS-CP** Team