Use mathematical typesetting in diagrams

Enter your maths equation using LaTeX or AsciiMath in a text shape.

  • AsciiMath between `, for example: a^2+b^2 = c^2
  • LaTeX between $$, for example: $$\sqrt{3×-1}+(1+x)^2$$
  • Inline LaTeX between \( and \), for example: \(\sqrt{3×-1}+(1+x)^2\)

You can mix inline LaTeX and AsciiMath in the same text, for example:

LaTeX \(\sqrt{3×-1}+(1+x)^2\\) and AsciiMath `a^b + b^2 = c^2`

Mathematical typesetting will render equations written in LaTeX or AsciiMath

See this example in diagrams.net

Enable mathematical typesetting

Select Extras > Mathematical Typesetting from the diagrams.net menu.

Click Extras > Mathematical Typesetting to render your equations in MathJax

Enabling mathematical typesetting will use MathJax to render your maths equations. MathJax renders equations neatly and works in all browsers.

Disable mathematical typesetting via the same menu item to see and edit the equation’s LaTeX or AsciiMath.

Click Extras > Mathematical Typesetting to render your equations in MathJax

Change the output format and font

By default, the output uses SVG and the TeX font. You can use URL parameters to use HTML-CSS and the STIX font.

Troubleshooting

Blank space or extra pages

Make sure you use either the left or right justification for your text shapes and keep them away from the diagram edges to avoid extra whitespace when exporting your diagram to an image or a PDF document.

Maths is not rendered

If you find your maths equation is not rendered correctly, the text may be hiding some HTML formatting tags.

  1. Select the text, then click </> in the toolbar to expose hidden HTML tags.
  2. Delete any extra HTML tags, and re-enable Mathematical Typesetting in the menu.
    Unhide HTML tags if you have problems rendering your equation