Today we discovered a new website of the same type, Algorithm Visualizer, which is well done.
The website address is: http://algorithm-visualizer.org
Below, we will briefly explain Algorithm Visualizer through the example of bubble sort:
① Selection Area
It includes many algorithms such as backtracking, encryption algorithms, dynamic programming, graph search, greedy algorithms, search algorithms, sorting algorithms, etc.
② ChartTracer
Displays the process of each swap in the form of a bar chart. The bars corresponding to the two numbers being swapped will be highlighted in red.
③ Array1DTracer
Similar to ②
④ LogTracer
Logs the process of each swap
⑤ Toolbar
Start/Pause/Next/Previous
⑥
This section defines some basic information about the algorithm. ChartTracer, Array1DTracer, and LogTracer correspond to ②③④ above. The array size is 15.
If you are watching the demonstration process of an encryption algorithm, then ⑥ here displays some basic information about the encryption algorithm.
⑦ Core Algorithm
Algorithm Visualizer has 10.6k+ stars on GitHub:
This article only briefly introduces the images. There's no need to say more. Click the link to read the original article and experience it yourself.