Open Math Display - Interactive Mathematical Expression Rendering
Getting started is simple! No configuration needed:
import { omdDisplay } from '../omd/index.js';
const renderer = new omdDisplay(container);
renderer.render('x^2 + 2x + 1');
That's it! The library automatically loads with sensible defaults.
The simplest way to get started - render math with just a few lines of code!
Beginner Quick StartBasic rendering with interactive controls. Perfect for understanding the core API.
Interactive BasicDemonstrates stacking and managing multiple equations with the equation stack component.
Equations StackTests for highlighting specific parts of equations with visual feedback.
Highlighting UI InteractiveStep-by-step equation solving with detailed explanations and filtering.
Educational Step-by-StepFun, interactive problem solver for children with hints and visual feedback!
Kids Educational InteractiveAdvanced playground for creating and manipulating mathematical expressions visually.
Advanced Interactive PlaygroundShows how to work with multiple expressions on a canvas with positioning control.
Canvas Multiple NodesSimple canvas demo: add, drag, and move math expressions visually.
Canvas Drag & Move Interactive