Mathscope
Projects

Mathscope

A math tool where formulas become graphs you can move — with 77 theorems and interactive figures.

ReactTypeScriptmath.js

A browser tool for seeing and touching math. Type a formula and it becomes a graph; every letter other than x turns into a slider, so you can watch the shape change. It also breaks a formula into a tree, animates expansions like (a+b)² one step at a time, illustrates trig, derivatives and integrals on the unit circle, and collects 77 theorems across 12 fields with conditions, use cases and examples — 41 of them with figures you can move. Inputs such as x², √x, sin 2x or full-width characters are normalized before parsing.

Period
2026-Oct – ongoing
Role
All
Team
1 person
Tech Stack
  • Frontend
    ReactTypeScriptVite
  • Math
    math.jsKaTeX
  • Test
    VitestChrome DevTools Protocol (e2e)
  • Infra
    GitHub PagesGitHub Actions
Contributions
  • Design and implementation
  • Formula normalization and step-by-step expansion engine
  • 77 theorems and 41 interactive figures
Reflection

Letting people type formulas the way they write them on paper (x², sin 2x, ax+b) without breaking the parser took a dedicated normalization layer with its own tests. The step-by-step expansion engine was the other hard part: each rewrite has to be small enough to follow, and the changed part highlighted.

Kota Mizuno — Portfolio