Math Image Generator
Generate a structured visual specification, turn it into a Matplotlib script, render SVG, and preview the result.
Login
Request access
Usage context
Main Problem
Hint
Explanation
Scaffold
Required context for the main problem body.
Image type
Number Line
Coordinate Plane
Double Number Line
Box Plot
Fraction / Percent Model
Geometry Diagram
Bar Model
Dot Plot
Ruler / Measurement
Grid / Array
Table / Chart
Hanger Balance
Custom
Number line with labeled points, intervals, arrows, or tick marks.
Problem ID (optional)
Use a stable ID to group related runs and find latest results.
Problem text or task context
Required visual facts
Labels, values, and annotations
Style constraints
Black and white, clean worksheet style, white background, readable labels.
Extra constraints
Deterministic Renderer Options (Advanced)
Number-line axis extension is expressed in tick steps. Example:
0.75
= 75% of one tick interval.
Number-line start extension (tick steps)
Number-line end extension (tick steps)
Tick label font size
Caption font size
Tick/Caption font family
Coordinate-plane controls. Leave fields as
Auto
(or blank for tick step) to infer from the prompt/spec.
Tick step (blank = auto)
Grid lines
Auto
Show
Hide
Axis arrows
Auto
Positive direction
None
Point label position
Auto
Upper-left (10 o'clock)
Upper-right
Point label font size
Point marker size
Font family
No advanced options available for this image type yet.
Generate spec, code, and preview
Login is required to generate images in this deployment.
Login
or
request access
.
Recommended flow: collect structured inputs, produce a visual spec JSON, render deterministic and LLM-code previews side by side, then save the preferred output.
Output Comparison
Deterministic renderer
No deterministic image generated.
LLM code renderer
No LLM-code image generated.