Mathematics looks awesome on digital screens

Yet, most technologies out there focus on presenting notation instead of helping us do math. We dream of a future in which we can easily play around with mathematical symbols on all our devices, and this project is a very tiny step towards making that happen.

Give it a try

Let's try writing a simple quadratic. Type the following sequence of keystrokes into the input area:

a x shift + ^ 2

Then press the right arrow key to get back to the regular line and finish the rest of the expression.

+ b x + c ENTER

You can use the same key combo to get a new tiny text field for writing all kinds of superscripts.

Now let's try writing expressions under a root sign. Type the following into the input area:

\ s q r t SPACEBAR

Notice we get another tiny text field within the root. Finish by typing:

x SHIFT + ^ 2 + y SHIFT + ^ 2 ENTER

Let's build a fractional expression. Type the following into the input field:

y = 1 / 2 a b ENTER

You can use the arrow keys to navigate over the symbols in your expression.

And you can edit the expressions that you've already built, just click into them with your mouse.

Let's add some normal text to our work. Type the following:

SHIFT + $ I d e n t i t y : SHIFT + $

The dollar symbol opens and closes a short text area for non-mathy words. Continue by typing the following:

a \ t i m e s SPACEBAR 1 = a ENTER

The backslash symbol opens another tiny text field that accepts Latex, or Latex-like commands

If you're beyond basic Algebra, you may want a dot as your multiplication symbol. Type the following:

a SHIFT + * 0 = 0 ENTER

Let's work with trigonometry. Type the following:

x = c o s \ t h e t a SPACEBAR ENTER

Notice 'cos' was rendered as an operator automatically. The backslash works with other symbols like: alpha, phi, pm, Delta, delta, etc.

Let's give theta a value: Type the following:

\ t h e t a SPACEBAR = \ p i SPACEBAR / 2 ENTER

For subscripts type the following sequence:

a SHIFT + - 1 + a SHIFT + - 2 + a SHIFT + - 3 + \ c d o t s + SPACEBAR + a SHIFT + - n ENTER

That covers the basic functionality of our project. Feel free to play around with it and try things out.

Your feedback
is golden

Please take a look at our tiny survey. Our goal is to build an awesome tool for anyone who enjoys math.

About MiM

MiM = Math in Motion

MiM is a modern interface for working with math on the web. It has a short learning curve and makes it easier to input, edit, and display math on the screen. Since it’s built with core web technologies, it can be used by anyone with a browser.

MiM allows you to work with math just like you would with pencil and paper. It has useful features like syntax highlighting, text and math notation modes, and copy/paste functionality. MiM makes it easier to show your work and edit it on the fly.

Our goal is to make math more accessible, scalable, and interactive.

This project was made possible by Google Summer of Code 2019 and the Processing Foundation.

Please keep in mind: We were complete noobs to
web development at the beginning this project,
and honestly, we still are. Tips from experienced developers are kindly appreciated.

Developed by :
Alexandra Cheng
and Oskar Garcia
@ Columbia University

GSoC Mentors :
Ellen Nickles and
Greg Benedis-Grab