{"id":946,"date":"2012-10-04T16:03:39","date_gmt":"2012-10-04T16:03:39","guid":{"rendered":"http:\/\/johncanning.net\/wordpress\/?p=946"},"modified":"2012-10-04T16:03:39","modified_gmt":"2012-10-04T16:03:39","slug":"displaying-equations-online","status":"publish","type":"post","link":"http:\/\/johncanning.net\/wp\/?p=946","title":{"rendered":"Displaying equations online without using images"},"content":{"rendered":"

This is an \"additional information\" page I have written for the forthcoming<\/span> humanities statistics resource<\/a>. I was going to use images, but was unsatisfied with the results. This solution took me a while to work out, but I thought I would share it here as well.<\/span><\/p>\n

1. The easiest way to display an equation online is to use an image. If you create your equation in MS Word or Open Office you can use the snipping tool (In Windows 7) to make it into an image for website display.<\/p>\n

2. The better (though much harder) way is to use LaTeX Math and it\u00a0 requires some web development knowledge. This is not a comprehensive guide, but hopefully provides a good starting point.<\/p>\n

LaTeX is used for preparing academic articles, mainly in the sciences. LaTeX is actually a language which can be understood with practice. If you plan to use a lot of equations online is probably worth investing some time in becoming familiar with LaTeX.<\/p>\n

For example The LaTeX code for the correlation co-efficient is:<\/p>\n

\nr=frac{{1}\/{n}{(x_1-bar{x})(y_1-bar{y})+(x_2-bar{x})(y_2-bar{y}) ... + .... (x_n-bar{x})(y_n-bar{y})}}{SD_x SD_y}\n<\/pre>\nWhich rendered in LaTeX produces:<\/p>\n
[ r=frac{{1}\/{n}{(x_1-bar{x})(y_1-bar{y})+(x_2-bar{x})(y_2-bar{y}) ... + .... (x_n-bar{x})(y_n-bar{y})}}{SD_x SD_y}].<\/p>\nLaTeX looks complicated, but is actually surprising logical once you start to get the hang of it. A number of free open source LaTeX editors are available<\/a> and the results can be exported into .pdf format. However, the editors are not needed when displaying equations online.<\/p>\n
Unfortunately understanding LaTeX is not the only necessary step to publishing equations online. LaTeX is not html and will not work on a website without additional plugins.*<\/span> The statistics website I am developing is built in Drupal and uses the add-on module MathJax<\/a> to render the LaTeX online. It can be also used in WordPress (which I am using for this blog) and a variety of other applications.\u00a0 See the MathJax, Drupal or WordPress websites to find details of the installation process. *[Added 23\/10\/2012] I've since learnt that wordpress.com supports LaTeX natively, but I have not checked this.<\/span><\/p>\n
Short Math Guide for LaTex <\/a>by Michael Downes (American Mathematical society website).<\/p>\n
Mathjax <\/a><\/p>\n
Mathjax drupal module<\/a><\/p>\n
Mathjax WordPress.org plugin<\/a><\/p>\n
Added 6th October 2012<\/strong><\/p>\n
As life would have it MathJax seems to have stopped working on my Drupal site. (It worked fine a couple of days back)\u00a0 However, this code at the top of any page where you wish to use LaTex does seem to be working now.<\/p>\n
I am grateful to the author of this website\u00a0 <\/a>for the code to place on the page.<\/p>\n
\n<script src=\"http:\/\/cdn.mathjax.org\/mathjax\/latest\/MathJax.js\" type=\"text\/javascript\">\n    MathJax.Hub.Config({\n        extensions: [\"tex2jax.js\",\"TeX\/AmsMath.js\",\"TeX\/AMSsymbols.js\"],\n        jax: [\"input\/TeX\",\"output\/HTML-CSS\"],\n        tex2jax: {\n            inlineMath: [ ['$','$'], [\"