Mathematical formulae with MathJax

Back to home page

I sometimes need to put formulae into my web pages, and I've been exploring the use of MathJax .

In the past I've inserted the formula into MS Word with MS Equation 3.0, doing a screen capture, cropping the image to the formula I want, saving as a .GIF file, and then displaying it on the web page as an image. So I get something like this for the Poisson distribution:

That's not ideal. If I want to change anything, I have to start all over again from Word. It's also messy if I want to put something like into the text; for a start it doesn't line up properly. MathJax allows me to type the formula in LaTeX style directly into the HTML code for my web page. Now I get this:

\[P(x) = \frac {\lambda^x}{x!}e^{-\lambda} \]

or in the text \( \hat \lambda \). I think it looks better, and I can easily make changes just by changing the HTML code. Eg. it's easy to make it smaller and blue:

\[P(x) = \frac {\lambda^x}{x!}e^{-\lambda} \]

or big and red: do not confuse \( \hat \lambda \) with \(\lambda\) !

or to change the symbols used:

\[ {\rm I\!P}(T=t) = \frac {\theta^t}{t!}e^{-\theta} \]

Not being familiar with LaTeX syntax, I found Carol Fisher's page on TeX commands very useful.

Updated 10 Dec 2012 by Mike Meredith