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

  • 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`

See this example in diagrams.net

Enable mathematical typesetting

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

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.

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.


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.

For math symbols to be selectable in PDF export, use math-output=html. Not all math output is rendered as text so selection is not always possible even with HTML-CSS output.