MathML transform tests

The following tables contain MathML that is not part of core. The page loads transforms that will transform the full MathML into MathML core. The transforms will not run until you click the button below. This allows you to see the effects of the transform.

Examples:

General MathML Elements and Attributes

Click to see the effect of the transform on the following table:

Description	Math example
mfenced	$[0; 1]$
under/over scripts with an mo that should be displayed as an accent	$\overset{⇀}{x} + \hat{x} + \sum_{x \in D} f (x)$
munder alignment left/left/right first example is with stretchy operator	$\underset{⇀}{r + a}, \underset{△}{l + a + b}, \underset{□}{r + a + b}$
mover alignment left/left/right first example is with stretchy operator	$\overset{⇀}{r + a}, \overset{△}{l + a + b}, \overset{□}{r + a + b}$
munderover alignment left/left/right first example is with stretchy operator	${r + a}_{⇀}^{⇁}, {l + a + b}_{left}^{△}, {r + a + b}_{□}^{right}$
bevelled fraction	$f (\frac{x + 1}{x - 1}) + 1$
numerator alignment left/center/right and nested with right/left	$\frac{1}{x - 1} + \frac{22}{x - 2} + \frac{333}{x - y - 3} + \frac{\frac{4}{x + y}}{x - y - 3}$
denominator alignment left/center/right and nested with left/right	$\frac{a + b + c}{3} + \frac{x + y + 1234}{3} + \frac{a + b + c}{3} + \frac{\frac{4}{x + y}}{3}$
mfrac with named linethickness (none, thin, medium, thick, 8px)	$\frac{1}{2} + \frac{1}{3} + \frac{1}{4} + \frac{1}{5} + \frac{1}{6}$
fraction with named mathsize for numerator (none, small, medium, big, 20px)	$\frac{1}{2} + \frac{1}{3} + \frac{1}{4} + \frac{1}{5} + \frac{1}{6}$
mglyph -- example with lone mglyph in 'mi' and second with other chars. The second uses 'em's (which must convert to px) and also valign set to push the top down to the baseline.	$f (, xz)$
ms -- default quotes and curly quotes; internal quotes should be escaped	$f (normal "s, open/close quotes)$

mpadded Attribute Pseudo Values

Click to see the effect of the transform on the following table:

Description	Math example
mpadded -- pseudo units (width, depth, height) are not part of core Yellow is space child, blue is mpadded dimensions. 'lspace'/'voffset' are set so that a yellow square should be centered inside a blue square, with the blue square having twice the side length of the yellow square. Before transform After transform	$1, 2, 3, 4 5$

Description

Math example

mpadded -- pseudo units (width, depth, height) are not part of core
Yellow is space child, blue is mpadded dimensions. 'lspace'/'voffset' are set so that a yellow square should be centered inside a blue square, with the blue square having twice the side length of the yellow square.

Before transform

After transform

1, 2, 3, 4 5

menclose

Click to see the effect of the transform on the following table:

Description	Math example
Box with 'strikes' in all directions	$\frac{x + y}{2}$
Box with double-ended arrows in all directions	$\frac{x + y}{2}$
Circle and rounded box with horizontal/vertical strikes	$\sqrt{x + y} + z$

Linebreaks in Display MathML

Click to see the effect of the transform on the following table:

Custom element -- should break to the width of a line

a_{1} + a_{2} + a_{3} + a_{4} + a_{5} + a_{6} + a_{7} + a_{8} + a_{9} + a_{10} + a_{11} + a_{12} + a_{13} + a_{14} + a_{15} + a_{16} + a_{17} + a_{18} + a_{19} + a_{20} + a_{21} + a_{22} + a_{23} + a_{24} + a_{25} + a_{26} + a_{27} + a_{28} + a_{29} + a_{30} + a_{31} + a_{32} + a_{33} + a_{34} + a_{35} + a_{36} + a_{37} + a_{38} + a_{39} + a_{40}

Linebreaks: Forced linebreak before second '=' and another before "+4x+1". Indents: 2nd line on "=" 3rd line on "+" after "=" maxwidth = 30em -- shouldn't affect linebreaks (tests non-px value)	$f (x) = {(x + 1)}^{4} = x^{4} + 4 x^{3} + 6 x^{2} + 4 x + 1$
Linebreaks: automatic. maxwidth = 190px Indents: automatic	$f (x) = {(x + 1)}^{4} = x^{4} + 4 x^{3} + 6 x^{2} + 4 x + 1$
Automatic linebreak (200px break width) Should be four lines: linebreak between the parens and also on '+'s Indentation: automatic There are no mrows in this test, so testing recreating structure also.	$(x^{4} - 4 x^{3} y + 6 x^{2} y^{2} - 4 x y^{3} + y^{4}) (x^{4} + 4 x^{3} y + 6 x^{2} y^{2} + 4 x y^{3} + y^{4})$
A manual linebreak at second equals; Automatic linebreak (should be with '•' added) and if it breaks there, "target" aligned with '(' Attributes tested: linebreakstyle, linebreakmultchar, linebreak, indentalign, indenttarget	${(x^{2} - y^{2})}^{4} = {(x - y)}^{4} {(x + y)}^{4} = (x^{4} - 4 x^{3} y + 6 x^{2} y^{2} - 4 x y^{3} + y^{4}) (x^{4} + 4 x^{3} y + 6 x^{2} y^{2} + 4 x y^{3} + y^{4})$
LineBreak: forced linebreak in numerator of fraction Indent: auto	$\frac{x^{7} + 7 x^{6} + 21 x^{5} + 35 x^{4} + 35 x^{3} + 21 x^{2} + 7 x + 1}{y + 1}$
Automatic linebreaking with width changing with table width Should break before '+'s Indentation: automatic	$a_{1} + a_{2} + a_{3} + a_{4} + a_{5} + a_{6} + a_{7} + a_{8} + a_{9} + a_{10} + a_{11} + a_{12} + a_{13} + a_{14} + a_{15} + a_{16} + a_{17} + a_{18} + a_{19} + a_{20} + a_{21} + a_{22} + a_{23} + a_{24} + a_{25} + a_{26} + a_{27} + a_{28} + a_{29} + a_{30} + a_{31} + a_{32} + a_{33} + a_{34} + a_{35} + a_{36} + a_{37} + a_{38} + a_{39} + a_{40}$
This is inline math and should not linebreak due to the linebreaking transforms because there is no reflow observer on which to hang some code.	Some text in a paragraph that contains math: $a_{1} + a_{2} + a_{3} + a_{4} + a_{5} + a_{6} + a_{7} + a_{8} + a_{9} + a_{10}$ This text ends the paragraph.

MathML Table elements and Attributes

Click to see the effect of the transform on the following table:

mlabeledtr -- label should be on right of line	$\begin{matrix} (2.1) & E = m c^{2} \end{matrix}$
mlabeledtr -- label should be on left of rows 1 and 3	$\begin{matrix} Famous Formulas \\ (3.1) & e^{i π} + 1 = 0 \\ a^{2} + b^{2} = c^{2} \\ (2.3) & E = m c^{2} \end{matrix}$

Elementary Math

Click to see the effect of the transform on the following table:

Elementary math: 2D subtraction problem with borrows and carries	$21 2,327 - 1,156 1,171$
Elementary math: Repeating decimals (line over fractional part)	$0.142857$
Elementary math: Long Division	$3 435.3 1306 12109 1615 1.0 9 1$