Aller au contenu

Nœuds, flèches et schémas TikZ

Placez chaque boîte avec \node[draw] (name) {text};, positionnez les suivantes avec la bibliothèque positioning (right=of name), et reliez-les avec \draw[->] (a) -- (b);.

Nœuds

Un nœud est un morceau de texte placé en un point, éventuellement avec un cadre. draw lui donne un contour, fill un fond, et circle ou ellipse une forme arrondie (rectangle par défaut). Un nom entre parenthèses permet de faire référence au nœud plus tard.

Nœuds avec formes, remplissages et tailles

LaTeXPréambule : \usepackage{tikz}Ouvrir dans l'éditeur (s’ouvre dans un nouvel onglet)
\begin{tikzpicture}
  \node[draw] (a) at (0,0) {plain box};
  \node[draw, rounded corners, fill=blue!10] (b) at (3,0) {rounded};
  \node[draw, circle, fill=yellow!40] (c) at (5.5,0) {44};
  \node[draw, ellipse] (d) at (8,0) {ellipse};
  \node[draw, minimum width=2.5cm, minimum height=1cm] at (1,-1.6) {fixed size};
  \node[draw, text width=2.6cm, align=center] at (5,-1.6) {text that wraps onto two lines};
\end{tikzpicture}

Flèches entre nœuds

\draw[->] (a) -- (b); dessine une flèche du nœud a au nœud b. La ligne commence et se termine au bord des nœuds, pas en leur centre. -| et |- dessinent des liaisons à angle droit.

Un petit organigramme avec la bibliothèque positioning

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{positioning, arrows.meta}
\begin{document}
\begin{tikzpicture}[
    node distance=1.2cm and 1.6cm,
    box/.style={draw, rounded corners, fill=blue!8, minimum width=2.2cm, minimum height=0.8cm},
    >={Stealth},
  ]
  \node[box] (in) {Read data};
  \node[box, right=of in] (clean) {Clean};
  \node[box, right=of clean] (fit) {Fit model};
  \node[draw, circle, below=of clean] (ok) {OK?};
  \draw[->] (in) -- (clean);
  \draw[->] (clean) -- (fit);
  \draw[->] (fit) |- (ok);
  \draw[->] (ok) -| node[pos=0.75, left] {no} (in);
\end{tikzpicture}
\end{document}

right=of in place le nœud à droite de in, à la distance node distance. Les autres directions sont left, above, below et les diagonales comme above right. right=2cm of in fixe la distance pour un seul nœud.

Étiquettes sur les flèches et les nœuds

Un node écrit au milieu d’un chemin l’étiquette. above, below, left, right fixent le côté, et midway, near start, near end ou pos=0.3 la position le long du chemin. label=below:text ajoute une étiquette à un nœud.

Un diagramme d’états avec des arêtes courbes étiquetées

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{positioning, arrows.meta}
\begin{document}
\begin{tikzpicture}[state/.style={draw, circle, minimum size=1cm}, >={Stealth}, node distance=2.4cm]
  \node[state, label=below:start] (s0) {$q_0$};
  \node[state, right=of s0] (s1) {$q_1$};
  \node[state, right=of s1, fill=green!15] (s2) {$q_2$};
  \draw[->] (s0) to[bend left] node[above] {$a$} (s1);
  \draw[->] (s1) to[bend left] node[below] {$b$} (s0);
  \draw[->] (s1) -- node[above] {$a$} (s2);
\end{tikzpicture}
\end{document}

Ancres

Chaque nœud possède des ancres sur son bord : north, south, east, west et les coins comme north east. (box.north) est le point situé en haut au centre de box.

Des flèches partant des ancres d’un nœud

LaTeXPréambule : \usepackage{tikz}Ouvrir dans l'éditeur (s’ouvre dans un nouvel onglet)
\begin{tikzpicture}
  \node[draw, minimum width=3cm, minimum height=1cm] (box) {Server};
  \draw[->] (box.north) -- ++(0,0.7) node[above] {north};
  \draw[->] (box.east) -- ++(1,0) node[right] {east};
  \draw[->] (box.south west) -- ++(-0.6,-0.6) node[below left] {south west};
  \node[anchor=west] at (box.south east) {\small (anchor=west)};
\end{tikzpicture}

anchor=west sur un nœud le place de sorte que son ancre ouest se trouve au point indiqué.

Pointes de flèche

OptionPointeDans Scissor LaTeX
->, <-, <->la pointe TikZ par défautFonctionne
-stealth, -latexles pointes classiques stealth et LaTeXFonctionne
-{Stealth}, -{Latex} (arrows.meta)les pointes plus récentesFonctionne
|-|une barre à chaque extrémitéFonctionne
>={Stealth} sur la figurela pointe utilisée par ->Fonctionne
options de pointe comme -{Stealth[length=3mm]}tailles et formes de la pointeEn partie : la pointe est dessinée à sa taille par défaut

Les tailles des pointes sont proches de celles de TikZ, sans être identiques.

Ce qui n’est pas pris en charge

Ces fonctionnalités compilent dans une installation TeX, mais pas ici. La plupart sont signalées dans l’onglet Problèmes.

FonctionnalitéCe qui se passe dans Scissor LaTeXÀ écrire à la place
\matrix (et matrix of nodes)Toute la figure devient un cadre en pointillés avec un messagePlacer les nœuds avec at (x,y) ou positioning
\picToute la figure devient un cadre en pointillés avec un messageRépéter le dessin dans un scope avec shift
décorations (decorate, decoration=...)Ignorées avec un message ; le chemin est tracé simplementUn chemin simple ou en tirets
formes de nœuds de shapes.geometric (diamond, trapezium ...)Dessinées comme un rectangle, avec un messagerectangle, circle ou ellipse
lignes doubleIgnorées avec un messageDeux nœuds ou deux chemins
to[loop above] (une boucle sur un nœud)Aucune boucle n’est dessinée et aucun message n’apparaît ; son étiquette se pose sur le nœudUn arc ou une courbe .. controls .. partant du bord du nœud
pin=Le texte de l’épingle est affiché, sans la lignelabel=
pos= sur un chemin -| ou |-L’étiquette n’est placée que le long du second segment : pos=0.25 tombe donc près de l’angleÉtiqueter le second segment avec pos=0.75, ou couper le chemin en deux
tikz-cd, circuitikz, forestLa figure est omise, avec un messageDu TikZ simple, ou une image

\matrix devient un espace réservé

LaTeXPréambule : \usepackage{tikz}Ouvrir dans l'éditeur (s’ouvre dans un nouvel onglet)
\begin{tikzpicture}
  \matrix[draw] {
    \node {a}; & \node {b}; \\
    \node {c}; & \node {d}; \\
  };
\end{tikzpicture}

Onglet Problèmes : \matrix in a picture is not supported yet

Un nœud en losange est dessiné comme un rectangle

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{shapes.geometric}
\begin{document}
\begin{tikzpicture}
  \node[draw, diamond] at (0,0) {Yes?};
  \node[draw, ellipse] at (2.5,0) {ellipse works};
\end{tikzpicture}
\end{document}

Onglet Problèmes : TikZ node option 'diamond' is not supported yet

Le manuel de TikZ (dans le package PGF) traite des nœuds, de la bibliothèque positioning et des pointes de flèche : ctan.org/pkg/pgf. Pour les formes et les chemins, voir dessiner avec TikZ.

Voir aussi Les bases de TikZ, TikZ et Figures et images.

Questions et réponses

Comment dessiner un organigramme en LaTeX ?

Utilisez des nœuds TikZ avec draw pour les boîtes, la bibliothèque positioning (right=of a, below=of b) pour les placer, et \draw[->] (a) -- (b); pour les flèches.

Comment placer du texte sur une flèche en TikZ ?

Écrivez un nœud au milieu du chemin : \draw[->] (a) -- node[above] {text} (b);.

tikz-cd fonctionne-t-il dans Scissor LaTeX ?

Pas encore. Un diagramme tikzcd est omis avec un message. Dessinez plutôt des schémas simples avec des nœuds et des flèches.

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.