Maths!

I want to write some maths posts on this website, mainly for fun and also for personal notes. Perhaps someone else could find them useful too. However I want to be able to write equations in these posts easily. The way to do this natively on the web is to use MathML but this is a bit laborious to do by hand. Most solutions use LateX formatting for maths equations which is neat but I find it a little heavy on the syntax and I don't want to use a library for parsing so I wrote my own for my own custom format designed to be dead simple and intuitive. It's using a custom parsing and transforming system written in typescript that then uses a Svelte component for outputting as MathML.

Examples:

Code

5+4

Output

5 + 4

Code

a^2+b^2=c^2

Output

a^{2} + b^{2} = c^{2}

Code

3^3^3^3

Output

3^{3^{3^{3}}}

Code

9*5a/(5*(9+6)^4)

Output

9 \times 5 \frac{a}{5 \times {(9 + 6)}^{4}}

Code

e^(i{pi})=-1

Output

e^{i π} = - 1

Code

\sqrt(2+3)

Output

\sqrt{2 + 3}

Code

n \root x = x^(1/n)

Output

\sqrt[n]{x} = x^{\frac{1}{n}}

Code

\integral9*6x{dx}

Output

\int 9 \times 6 x dx

Code

b \defintegral a {f'}(t){dt}=f(b)-f(a)

Output

\int_{a}^{b} f' (t) dt = f (b) - f (a)

Code

n \sum (i=1) i = (n(n+1))/2

Output

Σ_{i = 1}^{n} i = \frac{n (n + 1)}{2}

Syntax Notes

Basic operators are `+`, `-` and `*`. `*` will translate to a multiplication symbol. Whitespace is only used to separate numbers/elements, it doesn't get used in the output. Brackets have a dual purpose, they're either just brackets output but if they're used in a special part of another operator then they combine elements within the brackets for the operator. For example in 5^(7+9) then the brackets are used to put all of the 7+9 in the exponent. Speaking of which, `^` is an exponent symbol for powers and `/` is used for fractions/dividing.

Normally every letter is used as an individual identifier but if you use `{` and `}` around them then it's treated as a single identifier. This is also used for special identifiers, so `{pi}` translates to the π symbol. This works for all greek letters and `{u_pi}` would do an upper case pi: Π.

For special operators, we have \sqrt for square root, \root for general. The identifier before \root is the root of the radical and the identifier afterwards is the value inside the root. There's also \integral which shows the integral symbol, while \definteral has the upper bound before it and the lower bound after it. There's also \sum and \product for summation and products similarly.

dubitable

Theme Picker

Theme:

Maths!

Examples:

Syntax Notes