An interactive platform to visualize and understand data structures and algorithms, built with React, TypeScript, and Vite.

• Arrays: Visualize array operations and manipulations
• Linked Lists: Interactive visualizations for singly, doubly, and circular linked lists
• Stacks & Queues: Visualize stack, queue, and deque operations
• Hash Tables: Explore hash maps and hash sets with collision resolution
• Trees: Visualize binary trees and tree operations

• Sorting Algorithms: Bubble Sort, Selection Sort, Insertion Sort, Quick Sort, Merge Sort
• More algorithms coming soon!

• Node.js (v18 or higher recommended)
• npm or yarn

1. Clone the repository

git clone https://github.com/yourusername/algo-visualized.git
cd algo-visualized

1. Install dependencies

npm install
# or
yarn

1. Start the development server

npm run dev
# or
yarn dev

1. Open your browser and navigate to http://localhost:5173

• React - UI library
• TypeScript - Type safety
• Vite - Build tool and development server
• Tailwind CSS - Utility-first CSS framework
• D3.js - Data visualization library
• Framer Motion - Animation library
• Radix UI - Unstyled, accessible UI components

1. Select a data structure or algorithm from the sidebar menu
2. Interact with the visualization using the control panel
3. Observe how the data structure or algorithm behaves with different inputs and operations

Each visualization includes:

• Brief explanation of the data structure or algorithm
• Time and space complexity information
• Interactive controls to see operations in action
• Step-by-step visualization of processes

• Graph algorithms (BFS, DFS, Dijkstra's, etc.)
• Advanced data structures (AVL Trees, Red-Black Trees, etc.)
• Path-finding algorithms
• Dynamic programming visualizations
• User accounts to save custom configurations

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

Contributions are welcome! Please feel free to submit a Pull Request.

Happy learning and exploring algorithms! 🎉