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:
:fireworks:Interactive Online Platform that Visualizes Algorithms from Code
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.