How can I manipulate Math symbols in a web page? : <p>I am building a web page dedicated to explaining Math and other topics.  I'd like to animate the process of doing certain mathematical steps like adding numbers and solving an equation.  I know I can create an animated .gif but this comes with the draw back of having to find some way of drawing the symbols in a picture or maybe exporting a LaTeX rendering, etc.  I'm wondering if there is some more programmable, systematic solution.</p>

<p>Suppose for concreteness that I want to animate the solution to 2(x-1)=10 and then several other similar equations, and the process of dividing 123 by 45.</p>

<p>For some context, I have some decent but non-pro skills with HTML, CSS, JavaScript, other C-like languages, Python, and similar stuff.  </p>
