Generate SVGs and PNGs of mathematical expressions using MathJax

Contents

• Installation
• Example Output
• Supporting MathJax
• Attribution

Installation

Available in Hex, the package can be installed by adding math_jax to your list of dependencies in mix.exs:

def deps do
  [
    {:math_jax, "~> 0.1.0"}
  ]
end

Documentation can be found at https://hexdocs.pm/math_jax.

Example Output

After setting up MathJax in your application you can use the MathJax functions in order to generate images of mathematical expressions:

Example 1

MathJax.render!(~S"y = mx + b", :png)

Example 2

MathJax.render!(~S"x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}", :png)

Example 3

MathJax.render!(~S"\frac{d}{dx}\left[\frac{x^2 \sin(x)}{e^x}\right] = \frac{e^x(2x\sin(x) + x^2\cos(x)) - x^2\sin(x)\,e^x}{e^{2x}}", :png)

Example 4

MathJax.render!(~S"\int_{0}^{\infty} \frac{\sqrt[3]{x}}{(1+x)^2} \, dx = \frac{2\pi}{3\sqrt{3}}", :png)

Example 5

MathJax.render!(~S"\nabla f(\mathbf{x}) = \sum_{k=1}^{n} \frac{\partial}{\partial x_k} \left[ \int_{0}^{x_k} e^{-t^2} \, dt \right] \hat{e}_k = \begin{pmatrix} e^{-x_1^2} \\ e^{-x_2^2} \\ \vdots \\ e^{-x_n^2} \end{pmatrix}", :png)

Supporting MathJax

If you rely on this library help you debug your Ecto/SQL queries, it would much appreciated if you can give back to the project in order to help ensure its continued development.

Checkout my GitHub Sponsorship page if you want to help out!

Gold Sponsors

Silver Sponsors

Bronze Sponsors

Attribution

• The MathJax library leans on the Rust library mathjax_svg for compiling MathJax expressions.