DEV Community

Cover image for Building A math community. MathJax
Tristan Elliott
Tristan Elliott

Posted on • Edited on

Building A math community. MathJax

Introduction

  • This series is going to be dedicated to building and launching my first web app, which is a website focused around individuals creating and sharing math content. Join me and let us try to to make our way through this.

How did I found out about MathJax?

  • I simply created a post on twitter asking, Does anyone know any good JavaScript libraries for visualizing math equations?. Eventually, a geophysicist replied with one word, MathJax and that is how I found it. So if you ever have a question, tweet about it into the endless void that is twitter and maybe the void might answer back.

What is MathJax?

  • It is a open-source JavaScript display engine for LaTeX, MathML and AsciiMat notation that works in all modern browsers. It was created with the goal to combine the power of modern web technologies with mathematics. MathJax requires no setup on the part of the user(no plugins), so the page author can just write documents that include mathematics and be confident that users will be able to view it properly. Basically, just add MathJax to the project and it will handle displaying all the math.

  • In MathJax mathematics is text based rather than image based, meaning that it can improve SEO because the equations are searchable just like normal text on websites.

  • MathJax includes the ability to generate speakable text versions of equations that can be used with screen readers. MathJax is highly configurable, allowing authors to customize it for the special requirements for any site

  • MathJax also has a rich API that can be used to make the mathematics on our webpages interactive and dynamic.

  • So now that we all know a little big more about MathJax I am working on creating a text editor in React that has the abilities of MathJax.

Conclusion

  • Thank you for taking the time out of your day to read this blog post of mine. If you have any questions or concerns please comment below or reach out to me on Twitter.

Top comments (0)