DSA Visualizer

DSA Visualizer is a web application that helps visualize various data structures and algorithms. It provides an interactive way for users to understand how different data structures work and how algorithms are executed step-by-step. Additionally, it features a chatbot for text generation and a playground for running and compiling code.

Table of Contents

• Installation
• Usage
• Features
• Contributing
• Preview
• Developers
• License

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Rohitkhot1718/DSA_Visualizer.git

2. Navigate to the project directory:

   cd DSA_Visualizer

3. Install dependencies:

   npm install express @google/generative-ai

   • Open package.json and update dependencies.

4. API Key:

   • Open server.js and paste Google Generative AI API Key.

5. Start the server:

   node ./Chatbot/Server/server.js

   • Run the server.js to get response from chatbot

6. Opening Webpage:

   • Open the form.html and click the live server or preview the page.

Usage

1. Interact with the visualizer to explore different data structures and algorithms.
2. Use the chatbot to generate text and code to get explanations about data structures and algorithms.
3. Utilize the code playground to write, run, and test code snippets.

Features

• Data Structures: Visualize various data structures such as arrays, linked lists, stacks, queues, trees, graphs, etc.
• Algorithms: Understand the execution of algorithms like sorting, searching, and traversal.
• Interactive: Step-by-step visualization for better understanding.
• Chatbot Integration: Use a chatbot to generate explanations and help users understand concepts.
• Code Compiler/Playground: Write, run, and test code snippets directly in the browser.

Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes.

1. Fork the repository
2. Create a new branch (git checkout -b feature/your-feature-name)
3. Commit your changes (git commit -m 'Add some feature')
4. Push to the branch (git push origin feature/your-feature-name)
5. Create a pull request

Preview

• Click this link to preview the page https://UDDITwork.github.io/DSA_Visualizer/

Developers

Developed by: Uddit [email protected] [email protected]

License

This project is licensed under the MIT License. See the LICENSE file for details.

---

For more details, visit the DSA Visualizer GitHub page.