https://github.com/priya-c-016/sorting-analyzer
A visual tool to analyze sorting algorithm performance.
https://github.com/priya-c-016/sorting-analyzer
cpp css html javascript python sorting-algorithms
Last synced: 2 months ago
JSON representation
A visual tool to analyze sorting algorithm performance.
- Host: GitHub
- URL: https://github.com/priya-c-016/sorting-analyzer
- Owner: Priya-C-016
- Created: 2025-07-13T12:40:33.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-07-13T13:24:30.000Z (12 months ago)
- Last Synced: 2025-07-13T15:27:37.952Z (12 months ago)
- Topics: cpp, css, html, javascript, python, sorting-algorithms
- Language: C++
- Homepage:
- Size: 1.38 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🔍 Sorting Analyzer
Compare popular sorting algorithms with visual charts, metrics, and real performance data.
.png)
---
## 🚀 Features
- 🧮 Compare multiple sorting algorithms
- ⏱️ Tracks execution time, comparisons, and swaps
- 📊 Interactive Chart.js graphs
- 🏆 Highlights best-fit algorithm
- 🌙 Light/Dark mode support (toggle)
- ⚙️ Python + C++ backend integration
- 💥 Handles up to 1000+ element arrays
---
# Porject Structure
```
sorting-analyzer/
├── sort.cpp # Sorting logic in C++
├── bridge.py # Python bridge (calls C++ and returns JSON)
├── index.html # Main frontend UI
├── output.html # (optional) output display file
├── result.json # Output JSON of sorting metrics
├── assets/ # Screenshots for README
└── README.md # This file
```
## 📦 Tech Stack
| Frontend | Backend | Charting | Language Support |
|-----------|----------------|---------------|------------------|
| HTML/CSS/JS | Python + Flask | Chart.js | Python & C++ |
---
## 🔧 Setup & Usage
### 1️⃣ Clone the repository
```
git clone https://github.com/yourusername/sorting-analyzer.git
cd sorting-analyzer
```
### 2️⃣ Compile C++ backend
```
g++ sort.cpp -o sort
```
### 3️⃣ Run the Flask bridge
```
python bridge.py
```
### 4️⃣ Open the interface
```
# Use Live Server or open index.html directly in a browser
```
## 🖼️ UI Walkthrough
### 🏠 Home / Landing Page
> Overview of the Sorting Analyzer interface.
.png)
---
### ⌨️ Array Input Bar
> Enter any custom array (comma-separated) to analyze sorting performance.
.png)
---
### 📊 Sorting Performance Chart
> Visual comparison of algorithms based on execution time, comparisons, and swaps.
.png)
---
### 🏆 Best Sorting Algorithm
> Automatically highlights the most efficient algorithm for your input.
.png)
---
### 📋 Algorithm Details Section
> View time complexity, space usage, sorted output, and metrics for any algorithm.
.png)
# Contributing
Pull requests and issues are welcome!
If you want to add more algorithms or visualization modes, feel free to fork and PR.
🧠 Inspiration
Inspired by the curiosity of understanding algorithm performance and bringing **visual clarity** to classic Computer Science problems.
Built with ❤, logic, and a dash of ✨ JavaScript by **Priya**.
✨ Happy Sorting! ✨