Today we discovered a new website of the same type, Algorithm Visualizer, which is well done.
The website is: http://algorithm-visualizer.org
Below, we will briefly explain Algorithm Visualizer using the example of bubble sort:
-
Selection Area: It includes various algorithms such as backtracking, encryption algorithms, dynamic programming, graph search, greedy algorithms, search algorithms, and sorting algorithms.
-
ChartTracer: It displays the process of each swap using a bar chart. The bars corresponding to the two numbers being swapped are highlighted in red.
-
Array1DTracer: It has a similar function to ChartTracer.
-
LogTracer: It logs the process of each swap.
-
Toolbar: It includes options for starting, pausing, going to the next step, and going to the previous step.
-
This section defines some basic information about the algorithm. The ChartTracer, Array1DTracer, and LogTracer mentioned here correspond to 2, 3, and 4 above, respectively. The array size is 15.
-
If you are watching a demonstration of an encryption algorithm, this section (6) displays some basic information about the encryption algorithm.
-
Core Algorithm: This section showcases the core algorithm.
Algorithm Visualizer has 10.6k+ stars on GitHub: https://github.com/algorithm-visualizer/algorithm-visualizer
This article provides a brief introduction to the images. For more information, please visit the original article and experience it yourself.