NovaMath is a browser math toolkit: write and export LaTeX in the formula editor, and explore concepts by dragging parameters in visualization. This page explains the UI and step-by-step workflows.
Overview
Two web modules are ready to use — no install and no account required. Math content stays in your browser unless you copy or download it. See the privacy policy.
| Module | URL | What it’s for |
|---|---|---|
| Formula editor | /editor.html | WYSIWYG equations, templates & formula library, live LaTeX sync, copy or download .tex |
| Interactives | /viz.html | Interactive math lessons for teachers and parents—browse by grade, drag to demo in class or at home |
Formula OCR, drawing/annotation tools, PNG/SVG/PDF/MathML export, and desktop installers are planned. If a menu item appears, it may show “coming soon.” Trust the “available now” notes on this page.
Get started
- From the homepage, open Formula editor or Interactives — or use the links above.
- Use the waffle (grid) menu in the app to switch modules or return to site pages.
- Editor: click “开始编辑” (Start editing) on the welcome screen, type in the LaTeX bar, or load from the left library.
- Interactives: pick a lesson in the catalog, use controls under the canvas, and read the lesson notes and hints.
Switching modules
The app launcher has two groups:
- Apps: Formula editor (write · LaTeX), Interactives (for class & home)
- Site: Home, Blog, About, User Guide (this page)
The brand mark returns to the NovaMath homepage. The legacy path /app/ redirects to the editor.
Note: in-app UI strings are currently Chinese-first. This English guide maps the same screens and workflows.
Formula editor
Open the formula editor. Layout: top bar, left formula library, center canvas, bottom LaTeX bar, and a style/export footer.
UI regions
| Region | Role |
|---|---|
| Top bar | App menu; categorized template toolbar; toolbar search |
| Left “公式库” | Filter by primary / junior / senior / university; search; click to load a full formula |
| Center canvas | MathLive WYSIWYG editing; welcome screen when empty |
| LaTeX bar | Source that stays in sync with the canvas |
| Bottom bar | Letter/digit bold-italic, font, size, color, export, zoom |
Welcome screen
When the formula is empty, the canvas shows a welcome screen with three paths:
- Click Start editing, or type in the LaTeX bar
- Pick a template from the left formula library
- Insert symbols and structures from the top toolbar categories
The welcome screen hides once there is content, and can reappear after you clear the formula.
Template toolbar
Categories live in the top bar. Click a category to expand; click again to collapse. Searching hides the tabs and shows cross-category matches. Empty search shows “暂无匹配符号或模板”.
Main categories:
- Symbols — operators, relations, sets, logic, arrows, Greek, calculus symbols, fences, …
- Fractions — display / small / slash forms
- Scripts, Roots, Integrals (including definite and contour)
- Large operators (sums, products, …), Brackets (pairs, bars, piecewise, …)
- Trig, Accents (vec, hat, …), Limits & log, Operators, Matrices
Inserts place structures with placeholders so you can fill numerators, limits, and so on.
Formula library
About 138 static formulas: primary 28, junior 46, senior 36, university 28. Default band is primary. Filter by level and search by name or LaTeX (“搜索公式...”).
- Clicking an entry replaces the current formula (it does not append).
- No matches → “暂无匹配公式”.
- Typical use: load a close skeleton, then change numbers and symbols.
WYSIWYG and LaTeX sync
The canvas and LaTeX bar share one formula. Edits on either side update the other. Mix these habits:
- Fully visual — toolbar + keyboard on the canvas
- Start from code — paste LaTeX into the source bar
- Fine-tune — edit commands in the source bar and watch the canvas
This is string-level sync with MathLive, not a full TeX engine. Packages such as tikz or mhchem are not supported.
Style and zoom
- Letters / digits — italic and bold checkboxes (written into formula styling).
- Fonts — Times New Roman (default), Arial, Cambria Math, Latin Modern Math.
- Size — Chinese size presets and custom pixels (roughly 8–96).
- Color — picker in the bottom bar.
- Zoom — 25%–200% in the footer (~5% steps); mouse wheel zooms over the canvas.
Export
| Action | Status |
|---|---|
| Copy LaTeX | Available — clipboard |
Download → LaTeX (formula.tex) | Available |
| PNG / SVG / PDF / MathML | Listed in the menu; selecting shows “coming soon” |
Paste into Word / PowerPoint equation fields, or wrap with $...$ / $$...$$ in Markdown and many note apps.
Interactives
Open visualization. Left: lesson catalog. Right: canvas, controls, and notes.
UI regions
| Region | Role |
|---|---|
| Sidebar header | App menu; title “数学可视化” |
| Catalog / Favorites | Tree vs favorites view (favorites not enabled yet — see below) |
| Search & grade bands | Cross-band search; primary / junior / senior / university |
| Main canvas | Interactive figure; sliders and controls below |
| Toolbar | Reset and Fullscreen (for projection) |
| Lesson / hints | Per-lesson explanation and operation tips |
Browse, search, favorites
- Default band is junior high (richest catalog).
- Expand folders and open a leaf lesson marked ready (“可学”).
- Search across all bands; empty results suggest trying other keywords.
- Favorites shows an empty state about signing in later — login and favorites are not enabled yet.
Grade bands and coverage
Roughly 70+ interactive lessons, curated by band:
- Primary — number & operations (fractions, percent); measurement (area, volume, clock angles).
- Junior high — fullest set: topic taxonomy (functions, triangles, circles, transformations, …), textbook-mapped folders, classic examples, and exam-style samples. The same lesson may appear under multiple textbook paths.
- Senior high — e.g. sine parameters, exponentials, derivatives & tangents, ellipse/parabola definitions, plane vectors.
- University — e.g. sequence limits, Taylor series, surfaces, vector fields.
“Coming soon” placeholders are supported. If a leaf is not ready, the main panel explains it — pick another lesson in the same section.
Interaction and classroom use
- Use sliders, readouts, and toggle groups under the canvas.
- Some lessons allow dragging points; some views support wheel zoom / pan — follow that lesson’s hints.
- Classroom flow: predict → drag to verify → summarize with the lesson notes.
- Use Fullscreen to project; Reset to return to the initial state.
Common workflows
Teachers — prep and class
- Assemble key formulas in the editor via toolbar or library.
- Switch to visualization for live “what if” demos; use fullscreen.
- Copy polished LaTeX into slides, handouts, or problem sets.
- Optionally share editor/viz links in study guides for after-class practice.
Students — homework and notes
- Load a close formula from the library → change symbols → copy LaTeX into your document.
- When stuck on a concept, search visualization first, then write the general form in the editor.
- Use the LaTeX bar for careful edits while watching the canvas.
Using both modules
A common sequence: explore interactively → write the formal equation → export into homework or notes. For lesson prep, draft formulas first, then attach a visualization demo.
Export and reuse
- Available now: copy LaTeX; download
formula.tex. - Not ready: PNG, SVG, PDF, MathML (menu shows coming soon).
- Word / PowerPoint: paste into an equation field or your LaTeX add-in workflow.
- Markdown: inline
$a^2+b^2=c^2$; display math with double dollar signs. - More tips in the blog.
FAQ
Do I need to install or sign up?
No. Use a modern browser.
Is it free?
Yes — the editor and visualization explorer are free to use online.
Is my content uploaded?
Editor and visualization content stay local unless you copy or export. The site may use analytics cookies — see the privacy policy.
Why do PNG / MathML appear in the menu?
They are placeholders. Use Copy LaTeX or download .tex for now.
Why did the library wipe my formula?
Library entries replace the current formula. Copy LaTeX first if you need a draft.
Why are favorites empty?
Favorites and login are not enabled yet.
Is the app UI English?
In-app copy is Chinese-first today. This English guide documents the same screens. Site navigation can switch to English.
Full LaTeX packages?
No. The editor targets common math structures (MathLive + source sync), not a full TeX distribution.
Get help
- Updates and tips: Blog
- Channels: Contact
- Email: liuhengloveyou@gmail.com
If this page disagrees with the live UI, trust the in-app labels; we keep the guide updated as features ship.
