Algorithm & Data Structure Visualizer

An interactive web application built with React to visualize and understand how popular sorting algorithms and basic data structures work under the hood. It features a modern, dark neon aesthetic with smooth animations.

Features

• Interactive Visualizations: Step-by-step visualization of complex algorithms and data structures.
• Modern UI: Dark theme with neon accents and glowing animations for a premium user experience.
• Play/Pause & Step Controls: Traverse through algorithms forwards and backwards, or adjust the playback speed in real-time.
• Data Structure Interactions: Manually push, pop, enqueue, dequeue, or insert specific values to see how data structures react.

What's Included?

Sorting Algorithms

• Bubble Sort - O(N²)
• Selection Sort - O(N²)
• Insertion Sort - O(N²)
• Quick Sort - O(N \log N)
• Merge Sort - O(N \log N)

Data Structures

• Stack (Pila) - LIFO visualizer with Push and Pop.
• Queue (Cola) - FIFO visualizer with Enqueue and Dequeue.
• Array - Contiguous memory visualizer with Insert, Delete, and Access via index.
• Linked List - Node-based sequence with pointer visualization (head, tail, →).
• Heap (Montículo) - Max-Heap tree visualizer with interactive Heapify Up and Heapify Down animations.

Getting Started

To run this project locally, make sure you have Node.js installed.

1. Install the dependencies:

   npm install

2. Start the development server:

   npm start

3. Open http://localhost:3000 to view it in your browser.

Technologies Used

• React
• Vanilla CSS