OMD Library

Open Math Display - Interactive Mathematical Expression Rendering

Quick Start

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.

Documentation

Interactive Examples

Minimal Example

The simplest way to get started - render math with just a few lines of code!

Beginner Quick Start

Simple Usage Demo

Basic rendering with interactive controls. Perfect for understanding the core API.

Interactive Basic

Equation Stack Test

Demonstrates stacking and managing multiple equations with the equation stack component.

Equations Stack

Equation Highlighting Test

Tests for highlighting specific parts of equations with visual feedback.

Highlighting UI Interactive

Complete Worked Solution

Step-by-step equation solving with detailed explanations and filtering.

Educational Step-by-Step

Kids Math Solver

Fun, interactive problem solver for children with hints and visual feedback!

Kids Educational Interactive

Expression Playground

Advanced playground for creating and manipulating mathematical expressions visually.

Advanced Interactive Playground

Canvas with Multiple Nodes

Shows how to work with multiple expressions on a canvas with positioning control.

Canvas Multiple Nodes

Canvas Drag & Move Example

Simple canvas demo: add, drag, and move math expressions visually.

Canvas Drag & Move Interactive