Pro LaTeX & AsciiMath Widget



GitPitch Pro + Lite subscriptions activate powerful Pro syntax shortcuts supported by PITCHME.md markdown that can be used to generate rich visual components - aka. widgets - on any slide. This guide introduces the @uml widget for LaTeX and AsciiMath.


UML Widget for LaTeX + AsciiMath

The @uml widget provides some excellent extensions for rendering math formulas on any slide. The same conventions, caching policies, and @uml widget syntax apply. This support is provided as an lightweight alternative to using MathJax Library Support.

If you follow the @uml syntax conventions you can then use the same syntax to render a math formula on any slide:


@uml[style...](path/to/formula.puml)

The CSS style… list can make use of the built-in span styles giving you control over the rendering width and height of your math formula.


Learn By Example - LaTeX Math

This PlantUML sequence diagram syntax:

@startuml
@startlatex
\sum_{i=0}^{n-1} (a_i + b_i^2)
@endlatex
@enduml

Used within the following PITCHME.md markdown snippet:

---?color=#E58537;

@snap[west span-55]
@code[uml rawcode zoom-11](src/uml/latexmath.puml)
@snapend

@snap[east span-50]
@uml[span-100 bg-white](src/uml/latexmath.puml)
@snapend

Results in the rendering of the following slide:

PUML

Click on the above image to view this slide within a live GitPitch presentation.

For further details about LaTeX Math Diagrams syntax see the following PlantUML Guide.


Learn By Example - Ascii Math

This PlantUML activity diagram syntax:

@startuml
:<math>int_0^1f(x)dx</math>;
:<math>x^2+y_1+z_12^34</math>;
@enduml

Used within the following PITCHME.md markdown snippet:

---?color=#E58537;

@snap[west span-55]
@code[uml rawcode zoom-11](src/uml/asciimath.puml)
@snapend

@snap[east span-50]
@uml[span-100 bg-white](src/uml/asciimath.puml)
@snapend

Results in the rendering of the following slide:

PUML

Click on the above image to view this slide within a live GitPitch presentation.

For further details about Ascii Math Diagrams syntax see the following PlantUML Guide.