Guppy

Mathematics input widget for the web

{\text{Click to start typing math!}}

Human-friendly

WYSIWYG, backslashes optional.
Keyboard only; optional mouse interface.
Mobile keyboard.
Outputs LaTeX and plain text.
Supports matrices and custom symbols.

Computer-friendly

Stores data in semantic XML.
Outputs XML or JSON.
Generates and evaluates syntax trees.

Developer-friendly

Scriptable. Flexible API.
Easily configured.
Style adjustable using CSS.
MIT license.

Looks great; let's get to work!

How do I get started?

Pop over to the quick start guide for instructions on setting up.

Check the examples page for many more things you can do.
Can I evaluate expressions numerically?
Yes! See the calculator and graphing examples.
Can I compare an input to a given expression?
Yes, using the math-expressions library. Check out the quiz example.
Can I use it to just render mathematics on a page without an editor?
Yes! Check out the article example.
What formats does it support?
Export formats: LaTeX, ASCIIMath, plain text, JSON syntax tree, JSON equation list, Javascript function, and XML.
Import formats: XML, JSON syntax tree, plain text, a semantic LaTeX, and also a subset of standard LaTeX through a third party library.
See the Import/Export example for all natively supported formats, and see the LaTeX import example for limited import from standard LaTeX.
Who is using it?
- Ximera Project at Ohio State
- Oppia
- ...Your project here?
How does it work?
Data is stored internally in a custom XML format. Editing operations correspond loosely to XPath queries, and rendering to various output formats is a simple recursive transform (formerly XSLT). Display is done with KaTeX (with some modification).
Can I help with development?
If you have time and coding skill to donate, start here. To donate money, go here.

Press...	...to do
left/right arrows	Move cursor
shift+left/right arrows	Select region
ctrl+a	Select all
ctrl+x/c/v	Cut/copy/paste
ctrl+z/y	Undo/redo
ctrl+left/right	Add entry to list or column to matrix
shift+ctrl+left/right	Add copy of current entry/column to to list/matrix
ctrl+up/down	Add row to matrix
shift+ctrl+up/down	Add copy of current row to matrix
ctrl+backspace	Delete current entry in list or column in matrix
ctrl+shift+backspace	Delete current row in matrix

Type...	...to get
norm	$\|\|\blue{[?]}\|\|$
utf8	$\texttt{U+\blue{[?]}}$
text	$\text{\blue{[?]}}$
sym_name	$\backslash\texttt{\blue{[?]}}$
abs	$\left\|\blue{[?]}\right\|$
eval	$\blue{[?]}(\blue{[?]})$
sqrt	$\sqrt{\blue{[?]}\phantom{\tiny{!}}}$
paren	$\left(\blue{[?]}\right)$
floor	$\lfloor \blue{[?]} \rfloor$
factorial	$\blue{[?]}!$
exp	${\blue{[?]}}^{\blue{[?]}}$
sub	${\blue{[?]}}_{\blue{[?]}}$
frac	$\dfrac{\blue{[?]}}{\blue{[?]}}$
int	$\displaystyle\int{\blue{[?]}}d\blue{[?]}$
defi	$\displaystyle\int_{\blue{[?]}}^{\blue{[?]}}\blue{[?]}d\blue{[?]}$
deriv	$\displaystyle\frac{d\blue{[?]}}{d\blue{[?]}}$
sum	$\displaystyle\sum_{\blue{[?]}}^{\blue{[?]}}\blue{[?]}$
prod	$\displaystyle\prod_{\blue{[?]}}^{\blue{[?]}}\blue{[?]}$
root	$\sqrt[\blue{[?]}]{\blue{[?]}\phantom{\tiny{!}}}$
vec	$\left\langle \blue{[?]} \right\rangle$
point	$\left( \blue{[?]} \right)$
mat	$\left(\begin{matrix} \blue{[?]} \end{matrix}\right)$
*	$\cdot$
infinity	$\infty$
sin	$\sin\left(\blue{[?]}\right)$
cos	$\cos\left(\blue{[?]}\right)$
tan	$\tan\left(\blue{[?]}\right)$
sec	$\sec\left(\blue{[?]}\right)$
csc	$\csc\left(\blue{[?]}\right)$
cot	$\cot\left(\blue{[?]}\right)$
arcsin	$\arcsin\left(\blue{[?]}\right)$
arccos	$\arccos\left(\blue{[?]}\right)$
arctan	$\arctan\left(\blue{[?]}\right)$
sinh	$\sinh\left(\blue{[?]}\right)$
cosh	$\cosh\left(\blue{[?]}\right)$
tanh	$\tanh\left(\blue{[?]}\right)$
log	$\log\left(\blue{[?]}\right)$
ln	$\ln\left(\blue{[?]}\right)$
banana	$\text{🍌}$
pineapple	$\text{🍍}$
mango	$\text{🥭}$
kiwi	$\text{🥝}$
alpha	$\alpha$
beta	$\beta$
gamma	$\gamma$
delta	$\delta$
epsilon	$\epsilon$
zeta	$\zeta$
eta	$\eta$
theta	$\theta$
iota	$\iota$
kappa	$\kappa$
lambda	$\lambda$
mu	$\mu$
nu	$\nu$
xi	$\xi$
pi	$\pi$
rho	$\rho$
sigma	$\sigma$
tau	$\tau$
upsilon	$\upsilon$
phi	$\phi$
chi	$\chi$
psi	$\psi$
omega	$\omega$
Gamma	$\Gamma$
Delta	$\Delta$
Theta	$\Theta$
Lambda	$\Lambda$
Xi	$\Xi$
Pi	$\Pi$
Sigma	$\Sigma$
Phi	$\Phi$
Psi	$\Psi$
Omega	$\Omega$
equal	$=$
leq	$\leq$
less	$<$
geq	$\geq$
greater	$>$
neq	$\neq$

Mathematics input widget for the web

Human-friendly

Computer-friendly

Developer-friendly

Looks great; let's get to work!

How do I get started?

Can I evaluate expressions numerically?

Can I compare an input to a given expression?

Can I use it to just render mathematics on a page without an editor?

What formats does it support?

Who is using it?

Ximera Project at Ohio State

Oppia

...Your project here?

How does it work?

Can I help with development?

Controls

Symbols

Settings