{"id":20448446,"url":"https://github.com/adityaapraveen/sorting-visualizer","last_synced_at":"2026-04-18T07:36:14.325Z","repository":{"id":214378538,"uuid":"736370060","full_name":"adityaapraveen/Sorting-Visualizer","owner":"adityaapraveen","description":"Visualizing Sorting Algorithms ","archived":false,"fork":false,"pushed_at":"2024-01-06T14:33:31.000Z","size":15,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-15T22:24:16.243Z","etag":null,"topics":["bootstrap","css","html5","vanilla-javascript"],"latest_commit_sha":null,"homepage":"https://adityaapraveen.github.io/Sorting-Visualizer/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/adityaapraveen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-27T17:57:38.000Z","updated_at":"2024-01-07T08:51:44.000Z","dependencies_parsed_at":"2023-12-27T21:08:04.985Z","dependency_job_id":"bfb4610d-d933-49d9-af14-47c8df901a7a","html_url":"https://github.com/adityaapraveen/Sorting-Visualizer","commit_stats":null,"previous_names":["adityaapraveen/sorting-visualizer"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityaapraveen%2FSorting-Visualizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityaapraveen%2FSorting-Visualizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityaapraveen%2FSorting-Visualizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityaapraveen%2FSorting-Visualizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adityaapraveen","download_url":"https://codeload.github.com/adityaapraveen/Sorting-Visualizer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241997504,"owners_count":20055117,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","css","html5","vanilla-javascript"],"created_at":"2024-11-15T10:35:06.661Z","updated_at":"2025-12-05T09:03:54.184Z","avatar_url":"https://github.com/adityaapraveen.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sorting Algorithm Visualization\r\n\r\n## Overview\r\n\r\nThis project provides visualizations for popular sorting algorithms such as Bubble Sort, Selection Sort, and Insertion Sort. The goal is to help users understand how these algorithms work by visually presenting the sorting process on an array of bars.\r\n\r\n## Features\r\n\r\n- Visualization of Bubble Sort, Selection Sort, and Insertion Sort algorithms.\r\n- Adjustable array size with a slider for dynamic testing.\r\n- Color-coded bars to represent the state of each element during the sorting process.\r\n- Responsive design for a seamless user experience on different devices.\r\n\r\n## Demo\r\n\r\n[Insert a link to the live demo or a GIF/video showcasing the visualizations.]\r\n\r\n## Usage\r\n\r\n1. Open the project in your preferred web browser.\r\n2. Adjust the array size using the slider.\r\n3. Choose a sorting algorithm (Bubble Sort, Selection Sort, or Insertion Sort).\r\n4. Click the \"Sort\" button to start the visualization.\r\n\r\n## Technologies Used\r\n\r\n- HTML\r\n- CSS\r\n- JavaScript\r\n\r\n## How to Run Locally\r\n\r\n1. Clone the repository to your local machine.\r\n2. Open the `index.html` file in your web browser.\r\n\r\n## Code Structure\r\n\r\n- `index.html`: Main HTML file.\r\n- `style.css`: CSS styles for the visualization.\r\n- `script.js`: JavaScript code for implementing sorting algorithms and handling visualization.\r\n\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadityaapraveen%2Fsorting-visualizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadityaapraveen%2Fsorting-visualizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadityaapraveen%2Fsorting-visualizer/lists"}