Math you can play with

Type a sentence, get an animated chart. Drag a slider, watch the wave change. For kids 8–15. Built on a library that an AI agent (Claude, ChatGPT, Gemini) can call directly.

Sine wave story for a kid: the curve draws itself, a dot travels along it, the peak is labeled, and a caption fades in. Composed by one call to the glyph_story MCP verb.

↑ This is the exact bytes an AI agent gets back from one call to glyph_story.

How does it work?

1
You give it words

You type something like "show me a sine wave" — to an AI helper like Claude or ChatGPT.

2
It writes a recipe

Behind the scenes, the AI calls glyph_story and gets back a JSON recipe — like a cooking recipe but for a picture.

{
  "intent": "show me a sine wave",
  "audience": "kid"
}
3
The recipe becomes a chart

The recipe gets turned into an animated SVG — like the one at the top. Same recipe = same picture, every single time.

Math gets weird in 3D

The same math behind the sine wave above looks completely different in three dimensions. Drag to spin. Pinch to zoom.

The 5 perfect shapes

Tap a shape · drag to spin

Chart in chalkboard style — fallback for browsers without 3D

Plato thought these were the building blocks of the universe. Mathematicians later proved there are EXACTLY 5.

When math becomes water

Drag to spin · watch the formula

2D spiral — fallback for browsers without 3D

z = sin(r − t) · e−r/10

The same sin from the hero at the top — but now in 3D, making water-like ripples that radiate outward.

Show me what's inside

Sliders let you change the shape of the wave. Move them around — see what happens.

amplitude × sin(frequency × x)

These two sliders live in @glyph/live as attachSlider(). Any chart can wire them in with one call.

Stories about numbers

Three short math stories. Each one plays out over a few seconds — like a comic strip, but the panels animate themselves.

A multi-scene animation: a circle appears, its radius gets marked, then the circle unwraps into a straight line labeled 2πr
Why is a circle's edge 2πr?

Watch the circle unwrap. Its edge is exactly 2 × π × radius — every time, no exceptions.

A chart with a labeled peak — showing how a single number can be picked out and named
Finding the peak

The highest point of a curve. Math has a word for it ("maximum"). So do we — "the peak."

A sine wave with a dot traveling along it forever — a visual representation of cyclic motion
A dot on a wave

A wave never stops being a wave. The dot rides it forever — that's what "cyclic" means.

Tell us what to make

Type what you want to see. We'll send you to the playground with the recipe pre-filled.

Try these →

For parents & teachers

Glyph is open-source software an AI assistant uses to draw math. Everything here was generated by a deterministic recipe — no surprise behavior, no telemetry, no ads, no tracking, no account required.

Free & open source

Apache 2.0 licensed. All the code is on GitHub. Fork it, audit it, run it locally.

No tracking

This page has no analytics, no third-party scripts, no cookies. The address bar's URL is the only thing that knows you visited.

Same recipe = same picture

Every chart on this page comes from a JSON spec that an AI can write. The same spec always renders the same bytes — no model drift.

Built for agents

Glyph ships as a 50-verb MCP server Claude / ChatGPT / Gemini can call directly. The hero animation up top is one MCP call.

Joy of Math is part of Glyph — a deterministic chart-and-compute library for AI agents. Read the README →