How to Easily Align, Number and Format Math Equations in the Jupyter Notebook

Aligning, numbering and formatting math equations in Jupyter notebook are easy with LaTeX and HTML

One might be familiar with how to insert math equations with LaTeX in a Jupyter notebook, while not so many people know how to format, align them center, right and number them in the Jupyter notebook. Thus, in this post I illustrate how to easily format, align and number math equations in a Jupyter notebook.

Let’s use the following equation, for example.

To create the above equation, we just use the following LaTeX syntax in a Markdown cell in the Jupyter notebook.

$x = {-b \pm \sqrt{b^2-4ac} \over 2a}$

Table of Contents

1. Left alignment

Normally, an equation generated using $ $ with LaTeX is left aligned in default in the Jupyter notebook. The result looks as follows in a Jupyter notebook.

2. Center Alignment

An equation can also easily center aligned by using two pairs of $$ $$.

$x = {-b \pm \sqrt{b^2-4ac} \over 2a}$

The results look as follows:

3. Right Alignment

A convenient way to align an equation right is to use the ‘style=text-align: right;’ attribute inside a HTML tag, say <p> tag.

<p style='text-align: right; '>
    $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$
</p>

The outcome looks as follows:

We can use this method to easily align an equation to center and left by just changing the position to center or left.

4. Number equations

For example, let’s add the number (1) to the equation as follows:

We just add \tag{1} to the end of LaTeX equation as follows:

$x = {-b \pm \sqrt{b^2-4ac} \over 2a} \tag{1}$

Besides, we can also add label and refer it in text by adding \label{eq:special} to the equation. Let’s take the following instance:

$x$ value will be caculated using equation \eqref{eq:special}.

$
x = {-b \pm \sqrt{b^2-4ac} \over 2a} \tag{1} \label{eq:special}
$

It results in the following outcome:

5. Format equation

We can format the equation with different fonts, font size, color, etc. by using the ‘style’ attribute inside a HTML tag. Let’s see the following example, in which, beside aligning the equation to center, we also use font of Time New Roman with size of 2.0em and red color.

<p style='text-align: center; 
          font-family:Time New Roman;
          font-size:2.0em; 
          color:red;'>
    $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$
</p>

It results in the following output:

6. Video tutorials

If you want to learn to create math equations and symbols, aligning and formatting them in details, please watch my video tutorial Learn Creating Math Equations and Symbols using Latex in Jupyter Notebook with 1 Hour on YouTube. This video has gained many views and subscribers since it was published on October 12, 2021.

6. Online course

If you are interested in learning Jupyter notebook in details, you are welcome to enroll one of my course Practical Jupyter Notebook from Beginner to Expert.

Bookmark

Please login to bookmark