⚡ AlgoViz – Interactive DSA Visualizer

Stacks • Queues • Singly/Doubly/Circular Linked Lists • AI Explain & Quiz

AlgoViz is a fully interactive, animation-rich Data Structures visualizer built using HTML, CSS (Tailwind), and JavaScript. It helps students understand Stack, Queue, and Linked List operations through dynamic simulations, pointer animations, and AI-powered explanations.

⸻

🚀 Features

🔹 Data Structures Supported • Stack (Push, Pop, Peek) • Queue (Enqueue, Dequeue, Front) • Linked Lists • Singly • Doubly • Circular • Insert At Head / Tail • Insert After Target • Insert at Index • Delete Head / Tail / After Target • Find Middle Node

🔹 Interactive Visual Simulation • Smooth animations for node movement • Pointer arrows, head/tail labels • Circular linked list arranged in real circular layout • Dynamic speed control • Toasts, floating messages, and highlight effects

🔹 AI-Powered Tools • Explain State → AI explains the current structure • AI Quiz → Auto-generated MCQs with answers & explanations

⸻

🛠️ How to Run Locally 1. Clone this repository

git clone https://github.com/sommayadeep/AlgoViz-DSA-Simulator.git

2.	Open the project folder

cd AlgoViz-DSA-Simulator

3.	Run the project
•	Simply open index.html in any browser
•	No installation or server needed

⸻

🌐 Live Demo

Your site is live here:

👉 https://sommayadeep.github.io/AlgoViz-DSA-Simulator/

⸻

📂 Project Structure

📦 AlgoViz-DSA-Simulator ┣ 📄 index.html ┗ 📄 README.md

Everything runs inside a single lightweight HTML file.

⸻

👨‍💻 Tech Stack • HTML5 • Tailwind CSS • JavaScript (Vanilla) • Lucide Icons • AI API (for Explain + Quiz)

⸻

🎯 Purpose

AlgoViz is created to help beginners visually understand how fundamental Data Structures work internally—pointers, nodes, operations, and memory flow—through clear animations and instant feedback.

⸻

📜 License

This project is open-source and free to use for learning purposes.

⸻