Sarmate.net Sarmate.net
Accueil Fonctionnalités Offres Documentation Contact
Connexion Inscription

Dessiner une figure TikZ en ligne — sans coder une seule ligne

Notre éditeur graphique génère le code TikZ (ou PSTricks) en temps réel pendant que vous dessinez à la souris. Tracez points, vecteurs, fonctions, polygones, courbes — récupérez du LaTeX prêt à l'emploi, compilable dans votre navigateur.

Sans installation Sans inscription 100 % gratuit

TikZ est puissant mais a une vraie courbe d'apprentissage

Quiconque a essayé de dessiner une figure mathématique en TikZ s'en souvient : trois obstacles ralentissent à chaque tentative. C'est exactement ce que notre éditeur graphique élimine.

Coordonnées à calculer

Chaque \draw demande des coordonnées exactes. Pour un schéma précis, on jongle entre Python, GeoGebra et le code TikZ. Visualiser le résultat exige une compilation à chaque essai.

Bibliothèques à empiler

arrows.meta, positioning, calc, decorations.markings, patterns… Il faut savoir quelle bibliothèque charger pour chaque effet, et la syntaxe associée.

Itération lente

Pour ajuster l'angle d'une flèche ou la position d'un nœud : éditer le code, recompiler, regarder le PDF, recommencer. Chaque cycle prend 5 à 15 secondes.

La solution Sarmate.net

Notre éditeur graphique fonctionne comme GeoGebra mais exporte du TikZ (ou du PSTricks) propre. Vous voyez la figure en direct, le code suit.

Canvas WYSIWYG

Cliquez pour placer points, segments, vecteurs. Tracez des fonctions en saisissant f(x). Polygones, cercles, courbes de Bézier : tout au clic-glisse, avec snap à la grille.

Code TikZ ou PSTricks

Le code est généré en temps réel et basculable entre TikZ et PSTricks. Copiez-le dans votre projet ou compilez-le directement dans le navigateur pour valider le rendu.

Aucune installation

Tout fonctionne dans votre navigateur. Ni TikZ, ni LaTeX, ni TeX Live à installer. La démo est gratuite et ne demande pas d'inscription.

Comment ça marche en 3 étapes

1

1. Dessinez à la souris

Choisissez un outil (point, segment, vecteur, polygone, fonction, Bézier…) et placez-le sur la grille. Aimantation au pas paramétrable.

2

2. Personnalisez

Couleurs, épaisseurs, styles de pointes (Stealth, Latex, simple), labels mathématiques (KaTeX), remplissage, opacité — tout au clic.

3

3. Récupérez le code (ou le PDF)

Copiez le bloc tikzpicture, basculez en PSTricks si besoin, ou compilez le PDF directement. Sauvegardez aussi dans votre drive Sarmate.

Quelques figures générées

Vecteurs et flèches
\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}
Tracé de fonctions
\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}
Polygones avec remplissage
\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}
Courbes de Bézier
\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}

Code TikZ à la main vs Sarmate.net

Code à la mainAvec Sarmate.net
Temps pour une figure simple (3-4 objets)10 à 20 min1 à 2 min
Calcul des coordonnéesManuel (GeoGebra, papier…)Aimantation à la grille
Aperçu visuelRecompiler à chaque essaiTemps réel
Bibliothèques à connaîtrearrows.meta, positioning, calc…Aucune (gérées en arrière-plan)
Choix TikZ ou PSTricksÀ choisir d'avance, syntaxes très différentesBouton de bascule, même figure
Galerie d'exemples prêtsChercher sur Stack Exchange320+ figures classées

Questions fréquentes sur TikZ

Comment dessiner une figure TikZ sans connaître la syntaxe ? +
Notre éditeur graphique fonctionne entièrement à la souris : vous cliquez pour placer points, segments, vecteurs, polygones ; vous tracez des fonctions en saisissant simplement x^2 ou sin(x). Le code TikZ est généré automatiquement et reste visible si vous voulez l'apprendre en regardant ce qui change.
TikZ ou PSTricks : lequel choisir ? +
TikZ est compatible avec pdfLaTeX (la chaîne moderne) et a une communauté très active. PSTricks est plus ancien, plus puissant pour certains effets (gradients, courbes paramétriques avancées) mais nécessite la chaîne LaTeX → DVI → PostScript → PDF. En pratique, TikZ couvre 95 % des besoins. Notre éditeur exporte les deux et vous laisse choisir.
Comment tracer une fonction f(x) en TikZ ? +
En TikZ classique : \draw[blue, thick, smooth, samples=100, domain=-2:2] plot (\x, {\x*\x});. La syntaxe interne ({\x*\x} au lieu de x^2) surprend souvent. Notre éditeur accepte la notation naturelle (x^2, sin(x), sqrt(x)) et génère le bon code pour vous.
Quelle est la différence entre tikzpicture et pgfplots ? +
tikzpicture est l'environnement TikZ générique pour dessiner. pgfplots est un package construit sur TikZ et spécialisé dans les graphes mathématiques (axes, légendes, tracés de séries). Pour un schéma libre : tikzpicture. Pour un graphe avec axes propres et légendes : pgfplots.
Y a-t-il une galerie d'exemples TikZ que je peux copier ? +
Oui, nous maintenons une galerie de 320+ figures TikZ classées par thème (géométrie, fonctions, probabilités, physique, circuits, graphes…). Cliquez sur n'importe quelle figure pour voir le code et l'éditer dans la démo. Et un tutoriel pas à pas en 16 chapitres si vous voulez apprendre les bases.

Prêt à dessiner votre première figure ?

Ouvrez l'éditeur en un clic. Pas d'inscription pour la démo. Code TikZ ou PSTricks récupérable.

Lancer l'éditeur graphique maintenant