Skip to main content
Chemistry LibreTexts

3.3: Adding and Editing Equations

  • Page ID
    148796
  • The equations in the LibreTexts are handled by the MathJax add-on (based on LaTex). Below are some details to help out. There are references below to how to use this system, but it is generally straight forward to anyone ever working with code (markup).

    Inline vs. Displaymode Equations

    To add an equation, authors have two choices: either (1) inline or (2) display. The difference is demonstrated here:

    “An inline equation looks like this, \(E=mc^2,\) and is meant to be read with the paragraph. An equation that is presented in display mode looks like this

    \[E=mc^2\]

    with the equation taking up the entire line. Note that the displaystyle equation is automatically numbered."

    To invoke an inline equation add \( \backslash( \) and \(\backslash)\) around the Latex code (discussed below). To invoke the display mode add \(\backslash[\) and \(\backslash]\) around the latex code. The code is more complicated and must be formulated properly or the MathJax addon will not render the equation (or will do so improperly). To see examples of what this code looks like go to this page:

    http://LibreTexts.ucdavis.edu/Under_...eX_math_markup.

    The tool you can't live without

    MathJax is a little overwhelming at first but thankfully there is a tool that makes it super easy called MathPix Snip.

    • Download the tool from https://mathpix.com/ and install it on your computer
    • When you need to transfer an equation press ctrl+alt+m and select the equation that you want to copy.
    • Use the first line that doesn't have any environment coding and add the \( or \[ for inline or display mode environment manually.
    • If the snipper got a few details wrong you can edit the code and check that it renders before copying it over
    • If it is a complicated equation zoom in on it using your browser before using the tool. If it still doesn't work consider snipping the equation in several parts.

    Numbering and referencing of equations

    Equations in displaymode are automatically numbered, inline equations are not. If you want to reference a displayed equation you give it a label by writing \label{name} after the equation but before \]. For example, the following code

     \[ E =mc^2 \label{Einstein} \] See equation \ref{Einstein} 

    renders as

    \[ E =mc^2 \label{Einstein} \] See equation \ref{Einstein}

    If you do not want a display equation to be numbered you can use \nonumber after the equation.

    When editing math pages:

    • Be sure to use the escape character \(\backslash\) in front of all trigonometric functions (\( \sin x, \cos x, \tan x,\)) natural logarithms (\(\ln x\)), etc. Then leave a space between the function and its argument unless there is a parentheses there. For example, \( \backslash\text{sin}\,\text{x}\) or \( \backslash\text{sin}(\text{x})\) (rendering as \( \sin x \) and \( \sin (x) \), respectively). If you don't do this, the results may look like this: \( sinx, cosx, \sinx, lnx, \lnx\).
    • Use the escape character \(\backslash\) in front of "lim" for limits.
    • If limits, integrals or sigma notation (sums) are to be used as part of inline mathematics, be sure to add \(\backslash\text{displaystyle}\) as the first commands of these inline math expressions. Here is what a limit should look like when rendered correctly: \(\displaystyle \lim_{x \to 0} \frac{\sin x}{x}\), and incorrectly: \(lim_{x \to 0} \frac{\sin x}{x}.\)
    • Display mode mathematics will never need \(\backslash\text{displaystyle}\).
    • Do not use \(\backslash\text{displaystyle}\) unless it is helpful making one of the above mathematical notations render nicely.
    • To obtain larger fractions in an inline setting like \(\dfrac{2x}{x^2 + 1}\) instead of small ones like \(\frac{2x}{x^2 + 1}\), use \(\backslash\text{dfrac}\) instead of using \(\backslash\text{displaystyle}\) with \(\backslash\text{frac}\) which would have the same effect, but is overkill unless the (\backslash\text{displaystyle}\) is needed for another reason like those listed above.
    • When using display mode mathematics between \(\backslash[\) and \(\backslash]\), consider whether the equation is an important result that may be referred to later in the text or not. By default display mode mathematics lines will be autonumbered. If the equation is not a main result, it should typically not be numbered, so you will need to insert a \(\backslash\text{nonumber}\) at the end of it but within the expression.
    • Do not use any extra commands, like \(\backslash\text{mathrm}\), in front of every instance of math in a page to try to get text to look a certain way. There should be a better way to get the desired effect.
    • When editing integrals, please use a spacing element before the differential. For example, \(\backslash\text{displaystyle }\backslash\text{int x^2 }\backslash,\text{dx}\).

    DO NOT USE EXTERNAL SITES LIKE http://www.codecogs.com/latex TO RENDER THE EQUATION FOR YOU VIA PROVIDING AN IMAGE FILE.

    Table 1: Subscripts, superscripts, integrals
    Feature Syntax How it looks rendered
    Superscript a^2 \(a^2\)
    Subscript a_2 \(a_2\)
    Grouping a^{2+2} \(a^{2+2}\)
    a_{i,j} \(a_{i,j}\)
    Combining sub & super x_2^3 \(x_2^3\)
    Preceding and/or Additional sub & super \sideset{_1^2}{_3^4}\prod_a^b \(\sideset{_1^2}{_3^4}\prod_a^b\)
    {}_1^2\!\Omega_3^4 \({}_1^2\!\Omega_3^4\)
    Stacking \overset{\alpha}{\omega} \(\overset{\alpha}{\omega}\)
    \underset{\alpha}{\omega} \(\underset{\alpha}{\omega}\)
    \overset{\alpha}{\underset{\gamma}{\omega}} \(\overset{\alpha}{\underset{\gamma}{\omega}}\)
    \stackrel{\alpha}{\omega} \(\stackrel{\alpha}{\omega}\)
    Derivative (forced PNG) x', y, f', f\!  
    Derivative (f in italics may overlap primes in HTML) x', y, f', f \(x', y'', f', f''\)
    Derivative (wrong in HTML) x^\prime, y^{\prime\prime} \(x^\prime, y^{\prime\prime}\)
    Derivative (wrong in PNG) x\prime, y\prime\prime \(x\prime, y\prime\prime\)
    Derivative dots \dot{x}, \ddot{x} \(\dot{x}, \ddot{x}\)
    Underlines, overlines, vectors \hat a \ \bar b \ \vec c \(\hat a \ \bar b \ \vec c\)
    \overrightarrow{a b} \ \overleftarrow{c d} \ \widehat{d e f} \(\overrightarrow{a b} \ \overleftarrow{c d} \ \widehat{d e f}\)
    \overline{g h i} \ \underline{j k l} \(\overline{g h i} \ \underline{j k l}\)
    Arrows A \xleftarrow{n+\mu-1} B \xrightarrow[T]{n\pm i-1} C \( A \xleftarrow{n+\mu-1} B \xrightarrow[T]{n\pm i-1} C\)
    Overbraces \overbrace{ 1+2+\cdots+100 }^{5050} \(\overbrace{ 1+2+\cdots+100 }^{5050}\)
    Underbraces \underbrace{ a+b+\cdots+z }_{26} \(\underbrace{ a+b+\cdots+z }_{26}\)
    Sum \sum_{k=1}^N k^2 \(\sum_{k=1}^N k^2\)
    Sum (force \textstyle) \textstyle \sum_{k=1}^N k^2 \(\textstyle \sum_{k=1}^N k^2\)
    Product \prod_{i=1}^N x_i \(\prod_{i=1}^N x_i\)
    Product (force \textstyle) \textstyle \prod_{i=1}^N x_i \(\textstyle \prod_{i=1}^N x_i\)
    Coproduct \coprod_{i=1}^N x_i \(\coprod_{i=1}^N x_i\)
    Coproduct (force \textstyle) \textstyle \coprod_{i=1}^N x_i \(\textstyle \coprod_{i=1}^N x_i\)
    Limit \lim_{n \to \infty}x_n \(\lim_{n \to \infty}x_n\)
    Limit (force \textstyle) \textstyle \lim_{n \to \infty}x_n \(\textstyle \lim_{n \to \infty}x_n\)
    Integral \int\limits_{-N}^{N} e^x\, dx \(\int\limits_{-N}^{N} e^x\, dx\)
    Integral (force \textstyle) \textstyle \int\limits_{-N}^{N} e^x\, dx \(\textstyle \int\limits_{-N}^{N} e^x\, dx\)
    Double integral \iint\limits_{D} \, dx\,dy \(\iint\limits_{D} \, dx\,dy\)
    Triple integral \iiint\limits_{E} \, dx\,dy\,dz \(\iiint\limits_{E} \, dx\,dy\,dz\)
    Quadruple integral \iiiint\limits_{F} \, dx\,dy\,dz\,dt \(\iiiint\limits_{F} \, dx\,dy\,dz\,dt\)
    Path integral \oint\limits_{C} x^3\, dx + 4y^2\, dy \(\oint\limits_{C} x^3\, dx + 4y^2\, dy\)
    Intersections \bigcap_1^{n} p \(\bigcap_1^{n} p\)
    Unions \bigcup_1^{k} p \(\bigcup_1^{k} p\)

     

    Table 2: Fractions, matrices, multilines
    Feature Syntax How it looks rendered
    Fractions \frac{2}{4}=0.5 \(\frac{2}{4}=0.5\)
    Small Fractions \tfrac{2}{4} = 0.5 \(\tfrac{2}{4} = 0.5\)
    Large (normal) Fractions \dfrac{2}{4} = 0.5 \(\dfrac{2}{4} = 0.5\)
    Large (nested) Fractions \cfrac{2}{c + \cfrac{2}{d + \cfrac{2}{4}}} = a \(\cfrac{2}{c + \cfrac{2}{d + \cfrac{2}{4}}} = a\)
    Binomial coefficients \binom{n}{k} \(\binom{n}{k}\)
    Small Binomial coefficients \tbinom{n}{k} \(\tbinom{n}{k}\)
    Large (normal) Binomial coefficients \dbinom{n}{k} \(\dbinom{n}{k}\)
    Matrices
    \begin{matrix}
      x & y \\
      z & v 
    \end{matrix}
    \(\begin{matrix} x & y \\ z & v \end{matrix}\)
    \begin{vmatrix}
      x & y \\
      z & v 
    \end{vmatrix}
    \(\begin{vmatrix} x & y \\ z & v \end{vmatrix}\)
    \begin{Vmatrix}
      x & y \\
      z & v
    \end{Vmatrix}
    \(\begin{Vmatrix} x & y \\ z & v \end{Vmatrix}\)
    \begin{bmatrix}
      0      & \cdots & 0      \\
      \vdots & \ddots & \vdots \\ 
      0      & \cdots & 0
    \end{bmatrix}
    \(\begin{bmatrix} 0 & \cdots & 0 \\ \vdots & \ddots & \vdots \\ 0 & \cdots & 0\end{bmatrix} \)
    \begin{Bmatrix}
      x & y \\
      z & v
    \end{Bmatrix}
    \(\begin{Bmatrix} x & y \\ z & v \end{Bmatrix}\)
    \begin{pmatrix}
      x & y \\
      z & v 
    \end{pmatrix}
    \(\begin{pmatrix} x & y \\ z & v \end{pmatrix}\)
    \bigl( \begin{smallmatrix}
      a&b\\ c&d
    \end{smallmatrix} \bigr)
    
    \( \bigl( \begin{smallmatrix} a&b\\ c&d \end{smallmatrix} \bigr) \)
    Case distinctions
    f(n) = 
    \begin{cases} 
      n/2,  & \mbox{if }n\mbox{ is even} \\
      3n+1, & \mbox{if }n\mbox{ is odd} 
    \end{cases}
    \(f(n) = \begin{cases} n/2, & \mbox{if }n\mbox{ is even} \\ 3n+1, & \mbox{if }n\mbox{ is odd} \end{cases} \)
    Multiline equations
    \begin{align}
     f(x) & = (a+b)^2 \\
          & = a^2+2ab+b^2 \\
    \end{align}
    
    \( \begin{align*} f(x) & = (a+b)^2 \\ & = a^2+2ab+b^2 \\ \end{align*} \)
    Multiline equations (must define number of colums used ({lcr}) (should not be used unless needed)
    \begin{array}{lcl}
      z        & = & a \\
      f(x,y,z) & = & x + y + z  
    \end{array}
    \(\begin{array}{lcl} z & = & a \\ f(x,y,z) & = & x + y + z \end{array}\)
    Multiline equations (more)
    \begin{array}{lcr}
      z        & = & a \\
      f(x,y,z) & = & x + y + z     
    \end{array}
    \(\begin{array}{lcr} z & = & a \\ f(x,y,z) & = & x + y + z \end{array}\)
    Breaking up a long expression so that it wraps when necessary
    
    <math>f(x) \,\!</math>
    <math>= \sum_{n=0}^\infty a_n x^n </math>
    <math>= a_0+a_1x+a_2x^2+\cdots</math>
    
    

    \(f(x) \,\!\)\(= \sum_{n=0}^\infty a_n x^n \)\(= a_0 +a_1x+a_2x^2+\cdots\)

    Simultaneous equations
    \begin{cases}
        3x + 5y +  z \\
        7x - 2y + 4z \\
       -6x + 3y + 2z 
    \end{cases}
    \(\begin{cases} 3x + 5y + z \\ 7x - 2y + 4z \\ -6x + 3y + 2z \end{cases}\)

    Contributors