Skip to content

apiyush-12/dsa-visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📊 Interactive DSA Visualization Platform

An interactive learning platform for Data Structures and Algorithms (DSA) featuring step-by-step animated visualizations. The project helps students understand algorithm behavior through real-time execution, graphical representations, and explanatory pseudocode.

🚀 Live Demo

🔗 Deployed Application: https://dsa-visual.piyussh.dev/

✨ Features

Interactive visualization of multiple data structures and algorithms

Step-by-step execution with play, pause, step, and reset controls

Adjustable animation speed

Pseudocode and complexity analysis for each algorithm

User authentication using Supabase

Responsive and modern dark themed UI

Fully deployed production web application

🧠 Algorithms Implemented Sorting Algorithms

Bubble Sort

Selection Sort

Insertion Sort

Merge Sort

Quick Sort

Heap Sort

Searching Algorithms

Linear Search

Binary Search

Jump Search

Interpolation Search

Linked List

Singly Linked List

Doubly Linked List

Circular Linked List

Trees

Binary Search Tree

AVL Tree

Graph Algorithms

BFS

DFS

Dijkstra

Prim's MST

Kruskal's MST

Topological Sort

Bellman-Ford

Dynamic Programming

Fibonacci

0/1 Knapsack

Longest Common Subsequence

Coin Change

Matrix Chain Multiplication

🛠 Tech Stack Frontend

Next.js

React

JavaScript (ES6+)

CSS Modules

HTML5

Visualization

D3.js

HTML5 Canvas

SVG animations

Backend / Authentication

Supabase

Deployment

Vercel

Version Control

GitHub

🎮 How to Use

Select a category from the sidebar.

Choose an algorithm.

Input custom data or generate random data.

Click Run to start visualization.

Use Play / Pause / Step / Reset controls to explore execution.

📚 Learning Goals

This platform helps users understand:

Algorithm time complexity

Step-by-step execution

Data structure behavior

Graph traversal mechanics

Dynamic programming optimization

👨‍💻 Author

Piyush Kumar

B.Tech – Computer Networking Interested in Networking, AI, Agentic AI, Generative AI and Full Stack Development

⭐ Future Improvements

More tree structures (Red-Black Tree, Segment Tree)

More graph algorithms (A* Search)

Code editor integration

Practice problem module

User progress tracking

About

A web-based platform for learning DSA concepts through visualizations and step-by-step algorithm animations.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors