{"id":22137102,"url":"https://github.com/shivam6862/dsa-visualizer","last_synced_at":"2026-04-13T13:32:44.072Z","repository":{"id":168697736,"uuid":"623171814","full_name":"shivam6862/DSA-Visualizer","owner":"shivam6862","description":"It contains various algorithms related to sorting, graphs, trees, and General problems.","archived":false,"fork":false,"pushed_at":"2023-06-25T14:59:53.000Z","size":1694,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-24T10:22:32.094Z","etag":null,"topics":["dsa-algorithm","equation-solver","game2048","graph-algorithms","minesweeper-game","nqueens-problem","reactjs","sorting-algorithms","tree"],"latest_commit_sha":null,"homepage":"","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/shivam6862.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-04-03T20:57:17.000Z","updated_at":"2024-09-18T17:43:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"8e8d7df6-aa98-43be-b3bf-17bae0af13ff","html_url":"https://github.com/shivam6862/DSA-Visualizer","commit_stats":null,"previous_names":["shivam6862/dsa-visualizer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/shivam6862/DSA-Visualizer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shivam6862%2FDSA-Visualizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shivam6862%2FDSA-Visualizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shivam6862%2FDSA-Visualizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shivam6862%2FDSA-Visualizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shivam6862","download_url":"https://codeload.github.com/shivam6862/DSA-Visualizer/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shivam6862%2FDSA-Visualizer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31754971,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T13:27:56.013Z","status":"ssl_error","status_checked_at":"2026-04-13T13:21:23.512Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["dsa-algorithm","equation-solver","game2048","graph-algorithms","minesweeper-game","nqueens-problem","reactjs","sorting-algorithms","tree"],"created_at":"2024-12-01T19:30:05.051Z","updated_at":"2026-04-13T13:32:43.975Z","avatar_url":"https://github.com/shivam6862.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ch2 align=\"center\"\u003eDSA Visualizer\u003c/h2\u003e\n\n  \u003cp align=\"center\"\u003e\n   This project is a DSA Visualizer built with React. It contains various algorithms related to sorting, graphs, trees, and General problems.\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://github.com/shivam6862/DSA-Visualizer/issues\"\u003eReport Bug\u003c/a\u003e\n    ·\n    \u003ca href=\"https://github.com/shivam6862/DSA-Visualizer/issues\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#Features\"\u003eFeatures\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#Usage\"\u003eUsage\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contributing\"\u003eContributing\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contact\"\u003eContact\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#acknowledgments\"\u003eAcknowledgments\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n## About The Project\n\nThis project is a DSA Visualizer built with React. It contains various algorithms related to sorting, graphs, trees, and General problems.\nThe project provides a visual interface to help users better understand how these algorithms work.\n\nTeam - `shivam6862`\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Built With\n\n- [react-url]\n- [VisualStudioCode-url]\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## Getting Started\n\nSo as to run our project locally, you need to follow the steps below.\n\n### Installation\n\n1. Clone the repo\n   ```sh\n   git clone https://github.com/shivam6862/DSA-Visualizer.git\n   ```\n2. Install NPM packages on both backend and frontend folders\n   ```sh\n   npm install\n   ```\n3. Run the project in frontend using\n   ```sh\n   npm run dev\n   ```\n4. You can now view the project at `http://localhost:3000`\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## Features\n\nThe DSA Visualizer project includes the following features:\u003cbr/\u003e\n\n- Sorting Algorithms: Visualize how various sorting algorithms work, including Bubble sort, Insertion sort , Selection sort , Quicksort, and Mergesort.\u003cbr/\u003e\n\n- Graph Algorithms: Create and visualize graphs and apply algorithms such as Breadth first search , Depth first search , Minimum cost path, Dijkstra's algorithm to find the shortest path between two nodes.\u003cbr/\u003e\n\n- Tree Algorithms: Visualize and understand how trees work, PreOrder , Inorder , and PostOrder traversal .\u003cbr/\u003e\n\n- Equation Solver Algorithms: Input equations and solve them using different techniques.\u003cbr/\u003e\n\n- N-Queens Problem Algorithms: The visualization tool will show all the possible solution to the N-Queen problem using a backtracking algorithm.\u003cbr/\u003e\n\n- Minesweeper Game: The objective of the game is to clear a minefield without detonating any mines. The game can be played by\n  clicking on squares to flag them, and avoiding mines.\u003cbr/\u003e\n\n- Game2048: The game's objective is to slide numbered tiles on a grid to combine them to create a tile with the number 2048.\u003cbr/\u003e\n\n\u003ca href=\"https://github.com/shivam6862/DSA-Visualizer\"\u003e\u003cimg src=\"./public/image.png\" style=\"border-radius:12px\"\u003e\u003c/a\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## Usage\n\nTo use the DSA Visualizer, simply select the algorithm you wish to visualize from the navigation bar. Follow the instructions to input data or choose a preset input, then click \"Visualize\" to see the algorithm in action. You can also pause, play, or reset the animation as needed. Overall, your DSA Visualizer project is a great resource for students and developers who want to learn more about data structures and algorithms.\u003c/br\u003e\n\n## Contributing\n\nContributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.\n\nIf you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag \"enhancement\".\nDon't forget to give the project a star! Thanks again!\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## Contact\n\nLinkedin - [@shivam-kumar](https://www.linkedin.com/in/shivam-kumar-14701b249/)\n\nProject Link: [https://github.com/shivam6862/DSA-Visualizer](https://github.com/shivam6862/DSA-Visualizer)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## Acknowledgments\n\nUse this space to list resources you find helpful and would like to give credit to. I've included a few of my favorites to kick things off!\n\n- [GitHub Pages](https://pages.github.com)\n- [MongoDb](https://www.mongodb.com/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n[react-url]: https://reactjs.org/\n[react.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB\n[visualstudiocode-url]: https://code.visualstudio.com/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshivam6862%2Fdsa-visualizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshivam6862%2Fdsa-visualizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshivam6862%2Fdsa-visualizer/lists"}