Our graphics editor generates TikZ (or PSTricks) code in real time as you draw with the mouse. Place points, vectors, functions, polygons, curves — get LaTeX ready to use, compilable in your browser.
Anyone who has tried to draw a math figure in TikZ remembers it: three obstacles slow you down every time. Those are exactly what our graphics editor eliminates.
Every \draw needs exact coordinates. For a precise diagram, you juggle Python, GeoGebra and TikZ code. Previewing requires compiling each time.
arrows.meta, positioning, calc, decorations.markings, patterns… You need to know which library to load for each effect, and the matching syntax.
To tweak an arrow angle or a node position: edit code, recompile, look at PDF, repeat. Each cycle takes 5 to 15 seconds.
Our graphics editor works like GeoGebra but exports clean TikZ (or PSTricks). You see the figure live, the code follows.
Click to place points, segments, vectors. Plot functions by typing f(x). Polygons, circles, Bézier curves — all click-and-drag, with grid snapping.
Code generates in real time and toggles between TikZ and PSTricks. Copy it into your project, or compile directly in the browser to verify the output.
Everything runs in your browser. No TikZ, no LaTeX, no TeX Live to install. The demo is free and signup-less.
Pick a tool (point, segment, vector, polygon, function, Bézier…) and place it on the grid. Configurable snap step.
Colors, line widths, arrow tip styles (Stealth, Latex, simple), math labels (KaTeX), fill, opacity — all clicks.
Copy the tikzpicture block, switch to PSTricks if needed, or compile the PDF directly. Save to your Sarmate drive too.
\begin{tikzpicture}
\draw[->, thick] (0,0) -- (3,2) node[above right] {$\vec{u}$};
\draw[->, thick, red] (0,0) -- (2,-1) node[below right] {$\vec{v}$};
\draw[->, thick, blue] (0,0) -- (5,1) node[above right] {$\vec{u}+\vec{v}$};
\end{tikzpicture}\begin{tikzpicture}[scale=1.2]
\draw[->, thick] (-3.2,0) -- (3.2,0) node[right] {$x$};
\draw[->, thick] (0,-1.5) -- (0,4.5) node[above] {$y$};
\draw[blue, thick, smooth, samples=100, domain=-2:2]
plot (\x, {\x*\x}) node[right] {$y = x^2$};
\end{tikzpicture}\begin{tikzpicture}
\filldraw[blue!20, draw=blue, thick]
(0,0) -- (3,0) -- (3.5,2) -- (1.5,3) -- (-0.5,2) -- cycle;
\node at (1.5,1.5) {Aire};
\end{tikzpicture}\begin{tikzpicture}
\draw[blue, thick] (0,0) .. controls (1,2) and (3,2) .. (4,0)
node[right, blue] {Bézier cubique};
\fill[blue!50] (1,2) circle (1.5pt) node[above] {\scriptsize $P_1$};
\fill[blue!50] (3,2) circle (1.5pt) node[above] {\scriptsize $P_2$};
\end{tikzpicture}| By hand | With Sarmate.net | |
|---|---|---|
| Time for a simple figure (3-4 objects) | 10 to 20 min | 1 to 2 min |
| Coordinate computation | Manual (GeoGebra, paper…) | Grid snapping |
| Visual preview | Recompile every time | Real-time |
| Libraries to know | arrows.meta, positioning, calc… | None (handled in the background) |
| TikZ or PSTricks switch | Pick upfront, very different syntaxes | One toggle, same figure |
| Ready-made example gallery | Search Stack Exchange | 320+ figures by category |
x^2 or sin(x). The TikZ code is generated automatically and stays visible if you want to learn by watching what changes.f(x) in TikZ?
+
\draw[blue, thick, smooth, samples=100, domain=-2:2] plot (\x, {\x*\x});. The internal syntax ({\x*\x} instead of x^2) often surprises. Our editor accepts natural notation (x^2, sin(x), sqrt(x)) and generates the right code for you.tikzpicture and pgfplots?
+
tikzpicture is TikZ's generic drawing environment. pgfplots is a package built on TikZ specialized in mathematical plots (axes, legends, series). For a free-form diagram: tikzpicture. For a graph with clean axes and legends: pgfplots.Open the editor in one click. No signup for the demo. TikZ or PSTricks code retrievable.
Launch the graphics editor now