Data Structures Visualizer

A web-based interactive visualization tool for learning and understanding fundamental data structures.

Overview

This project provides visual representations of common data structures, allowing users to interact with them and see how operations work in real-time. Perfect for students learning computer science concepts or anyone wanting to understand how data structures function.

Features

• Stack Visualization: Push and pop operations with visual representation
• Queue Visualization: Enqueue and dequeue operations showing FIFO behavior
• Linked List Visualization:
  • Singly Linked List
  • Doubly Linked List
  • Circular Linked List
• Binary Search Tree: Insert and delete operations with tree visualization

How to Use

1. Open main.html in your web browser
2. Click on any data structure button to navigate to its visualization
3. Use the input fields and buttons to perform operations
4. Watch the visual representation update in real-time

File Structure

├── main.html              # Main navigation page
├── stack.html             # Stack visualization
├── queue.html             # Queue visualization
├── linkedlist.html        # Linked list visualizations
├── BST.html               # Binary Search Tree visualization
├── Main_Styling.css       # Main page styling
└── Styling.css            # Individual page styling

Technologies Used

• HTML5 Canvas for visualizations
• JavaScript for data structure implementations
• CSS for styling and layout