How to animate primitives on a web page?

Question

Animation

Good afternoon. A project on the visualization of algorithms was born in my thoughts. I plan to start with the visualization of sorting algorithms. I want to make the example interactive, and not stupidly start and end. That is, so that the user can control each step of the algorithm and it somehow changes on the screen in real time. The animation itself, of course, should be simple and visual, and the trajectories will not be complicated. Could you please advise if there are already ready-made tools for solving this problem? I look towards ActionScript. I ask for advice in which direction to dig.

Answer 1

Look towards JavaScript. Basically you want to make a game, so you need advanced logic. Moreover, JS is a native language for the web.
Graphically, there are options. The simplest is canvas.
As an idea, I can throw in the visualization of memory cells in the form of squares. It remains to design their location, name and other design. Let's say an array is glued cells (vertically or horizontally). Animation in this case will be represented by copying from one cell to another (assignment operator). And the comparison operator can be depicted as a line between cells that appears at the time of comparison, plus some kind of cartoon to it. You can even a character who scratches his turnips, and you can see the course of his thoughts.