An interactive algorithm visualization platform with step-by-step animations and source code in C++, Java, and Python.
- 20 Algorithm Visualizations across 7 categories
- Step-by-step animations with play/pause, speed control, and manual stepping
- Source code in C++, Java, and Python with syntax highlighting
- Dark & Light themes with smooth transitions
- Responsive design with collapsible sidebar
- How It Works explanations for each algorithm
- Time & Space complexity badges
| Category | Algorithms |
|---|---|
| 🔄 Sorting | Bubble Sort, Selection Sort, Insertion Sort, Merge Sort, Quick Sort |
| 🔍 Searching | Linear Search, Binary Search |
| 📦 Data Structures | Stack, Queue, Linked List |
| 🌳 Trees | BST, AVL Tree, Heap, Trie |
| 🕸️ Graphs | BFS & DFS, Dijkstra's, Kruskal's MST |
| 📐 Dynamic Programming | Fibonacci, 0/1 Knapsack |
| ♛ Backtracking | N-Queens |
- HTML5 — Semantic markup
- CSS3 — Custom properties, glassmorphism, smooth animations
- Vanilla JavaScript — Zero dependencies, pure JS
- Canvas API — All visualizations rendered on HTML5 Canvas
-
Clone the repository
git clone https://github.com/binaryofbaaj/Visually.git cd Visually -
Open in browser
# Simply open index.html in your browser # Or use a local server: npx serve .
No build step required — it's a static site!
Coming soon
Contributions are welcome! Feel free to:
- Add new algorithm visualizations
- Improve existing animations
- Fix bugs or improve performance
- Enhance the UI/UX
Made with ❤️ — ⭐ Star this repo if you find it useful!