Dessiner avec TikZ

Dans un tikzpicture, écrivez des commandes de chemin comme \draw (0,0) -- (2,1);, \draw (1,1) circle (0.5); ou \fill[blue] (0,0) rectangle (1,1);, chacune terminée par un point-virgule.

Lignes et coordonnées

Chargez TikZ avec \usepackage{tikz}. Un dessin se place dans un tikzpicture. \draw trace un chemin, et -- relie les points par des segments droits. Les coordonnées simples comme (2,1) sont en centimètres.

\begin{tikzpicture}
  \draw[help lines] (0,0) grid (5,3);
  \draw[thick] (0,0) -- (1,2) -- (2,1) -- (3,2.5);
  \draw[blue, fill=blue!15] (3.5,0.5) -- (5,0.5) -- (4.25,2) -- cycle;
\end{tikzpicture}

-- cycle referme un chemin sur son point de départ, pour qu’un remplissage ait un angle net.

Formes

\begin{tikzpicture}
  \draw[rounded corners, fill=yellow!30] (0,0) rectangle (2,1.2);
  \draw[red, fill=red!20] (3,0.6) circle (0.6);
  \draw[teal, thick] (5,0.6) ellipse (0.9 and 0.5);
  \draw[->, thick] (7.2,0) arc (0:90:1);
  \draw[purple, thick] (0,-1.5) .. controls (1,0) and (2,-3) .. (3,-1.5);
  \draw[orange, thick] (4,-2) to[out=90, in=180] (6,-1);
\end{tikzpicture}

Couleurs, épaisseurs et tirets

Les options entre crochets définissent le style du chemin. Un nom de couleur seul définit le trait ; fill= remplit la forme, et \fill remplit sans tracer de contour. \filldraw fait les deux.

\begin{tikzpicture}
  \draw[ultra thin]  (0,2) -- (3,2);
  \draw[thick]       (0,1.6) -- (3,1.6);
  \draw[line width=3pt, blue!60] (0,1.2) -- (3,1.2);
  \draw[dashed]      (0,0.8) -- (3,0.8);
  \draw[dotted, thick] (0,0.4) -- (3,0.4);
  \draw[dash pattern=on 6pt off 2pt on 1pt off 2pt] (0,0) -- (3,0);
  \fill[green!50!black] (4,1) circle (0.5);
  \filldraw[fill=orange, draw=black, opacity=0.6] (4.5,0.6) rectangle (5.5,1.6);
  \draw[<->, red, thick] (4,-0.2) -- (6,-0.2);
\end{tikzpicture}

Les couleurs peuvent être n’importe quel nom xcolor (red, teal, violet ...), un mélange comme blue!30!white, ou une couleur que vous définissez avec \definecolor{mine}{HTML}{0072B2}.

Dégradés

\shade remplit une forme d’un dégradé de couleurs : left color et right color (ou top color et bottom color) pour un dégradé linéaire, inner color et outer color pour un dégradé radial, et ball color pour une sphère éclairée.

\begin{tikzpicture}
  \shade[left color=blue!60, right color=white] (0,0) rectangle (2.5,1);
  \shade[top color=orange, bottom color=yellow] (3,0) rectangle (4,1);
  \shade[inner color=white, outer color=teal] (5.2,0.5) circle (0.5);
  \shade[ball color=red] (6.7,0.5) circle (0.5);
\end{tikzpicture}

Répéter avec foreach

\foreach répète une commande pour chaque valeur d’une liste. {0,1,...,5} complète les étapes intermédiaires. La variable de boucle peut servir dans les coordonnées, les couleurs et le texte.

\begin{tikzpicture}
  \foreach \i in {0,1,...,5} {
    \draw[fill=blue!\i0] (1.2*\i,0) circle (0.45);
    \node at (1.2*\i,-0.8) {$\i$};
  }
  \foreach \a in {0,45,...,315}
    \draw[->] (9,0) -- ++(\a:0.9);
\end{tikzpicture}

(\a:0.9) est une coordonnée polaire : angle et distance. ++ rend une coordonnée relative au point précédent.

Scopes et transformations

Un scope applique des options à tout ce qu’il contient : couleurs, styles de trait et transformations comme shift, rotate, scale, xscale et yscale.

\begin{tikzpicture}
  \draw (0,0) rectangle (1,1);
  \begin{scope}[shift={(2,0)}, rotate=30, red]
    \draw (0,0) rectangle (1,1);
  \end{scope}
  \begin{scope}[shift={(4,0)}, scale=0.5, blue, thick]
    \draw (0,0) rectangle (1,1);
  \end{scope}
  \begin{scope}[shift={(5.5,0)}, xscale=2, dashed]
    \draw (0,0) rectangle (1,1);
  \end{scope}
\end{tikzpicture}

Un petit dessin dans le texte

\tikz dessine une petite figure à l’intérieur d’un paragraphe, comme un point coloré à côté d’un mot. Écrivez le chemin juste après, en terminant par un point-virgule.

Status: \tikz \fill[green!60!black] (0,0) circle (3pt); running,
\tikz \fill[red] (0,0) circle (3pt); stopped.

Ce qui diffère d’une installation TeX

Le manuel de TikZ fait partie de PGF sur CTAN : ctan.org/pkg/pgf. Pour des graphiques avec axes, utilisez pgfplots.

Chaque exemple de cette page est composé par Scissor LaTeX lors de la génération du site. Dernière mise à jour : 2026-11-07.