airiset / visual-sorter Goto Github PK
View Code? Open in Web Editor NEWAn online visualization tool for sorting algorithms.
License: MIT License
An online visualization tool for sorting algorithms.
License: MIT License
When comparing algorithms, the delay button does not work. The speed is always quick, making it hard to compare algorithms on small lists.
Currently, the canvas visualization is implemented using the asynchronous setInterval function. To make the visualization smoother and more efficient, it is recommended to implement animations using the requestAnimationFrame function.
Is there something better than visualizing a sorting algorithm? Well, of course: visualizing AND listening to a sorting algorithm! Imagine that each index of an array represents the key of an imaginary piano. It would be possible to hear a child-like tune from the many selections in a sorting snapshot.
Nitpicking a little here, but I think you can add a little margin in between the buttons just to give them some space, and it would complete the aesthetics of the page! But this is really cool and I love the compare sorting algorithms feature! Very useful in getting a visual understanding of time complexity!
Throughout development, I noticed that the bars that are sorted in the list show small gaps between them. It does not look bad for small lists, allowing us to see the differences between the bars.
However, with greater lists, the effects compound to form an ugly white band effect.
I do not like it. It has to go.
Currently it seems that the dropdown menus will not operate correctly on IOS devices, however the default settings and adjusting the dataset in size will function correctly as expected. This has been tested on iPhone XS, XS Max.
The Visual Sorter is finally past its childhood and into its long-term development stage. It is time to increase the variety of sorting algorithms implemented in our sort.js module. As a start, the following algorithms should be implemented into the sort.js library,
Each new algorithm should following the inheritance structure of the Sorter family of classes. If an algorithm is a variant of an already created algorithm, it should inherit from it. For example, Cocktail Sort is a variant of Bubble Sort, so the class that implements it should inherit from Bubble Sorter. The variant algorithms in this list are marked with a (var.).
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.