Tutorietikz 2018 Combine

Tutoriel TikZ
TikZ
Introduction à TikZ Concepts de base
Graphes
Noeuds
Arcs
Luciano Costa Étiquettes

2D/3D
n11 n21 n31 n41

Karine Hébert Vite fait, bien
Frédéric Quesnel fait
s1 n12 n22 n32 n42 s2

La puissance de
TikZ
GERAD Logiciels
n13 n23 n33 n43 HEC Montréal Les multiples

possibilités de Tikz
2018
1/89
Tutoriel TikZ
TikZ
Concepts de base
Graphes
Noeuds
Section 1 Arcs
Étiquettes
2D/3D
Vite fait, bien

TikZ fait
La puissance de
TikZ
Logiciels
Les multiples
2/89
Tutoriel TikZ
Qu’est-ce que TikZ?
TikZ
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
3/89
Tutoriel TikZ
TikZ
Concepts de base
PGF (Portable Graphics Format) Graphes

Noeuds
C’est un macro package LATEX qui permet la création d’éléments Arcs
graphiques dans le corps du texte. Donc, il nous permet de dessiner des Étiquettes
2D/3D
schémas comme si on était en train d’écrire du texte LATEX.
Vite fait, bien
fait
La puissance de
TikZ
Logiciels
Les multiples
3/89
Tutoriel TikZ
TikZ
Concepts de base
PGF (Portable Graphics Format) Graphes

Noeuds
C’est un macro package LATEX qui permet la création d’éléments Arcs
graphiques dans le corps du texte. Donc, il nous permet de dessiner des Étiquettes
2D/3D
schémas comme si on était en train d’écrire du texte LATEX.
Vite fait, bien
fait
La puissance de
TikZ
Logiciels
TikZ Les multiples
C’est la couche user-friendly de PGF pour faire des dessins en LATEX.
Donc, on peut considérer que TikZ est une libraire (package) de LATEX
3/89
Tutoriel TikZ
Comment utiliser TikZ dans LATEX?
I TikZ vient déjà installé par défaut lorsque LATEX est installé sur le
TikZ
PC (MikTeX, TeXLive, MacTeX). Pour utiliser TikZ, on a qu’à
Concepts de base
ajouter la commande suivante sur le préambule du document :
Graphes
\usepackage{tikz} Noeuds
Arcs
Étiquettes
I Le document complet serait: 2D/3D
Vite fait, bien

\documentclass{article} fait
La puissance de
\usepackage{tikz} TikZ
Logiciels
Les multiples
\begin{document} possibilités de Tikz
\begin{tikzpicture}
commandes...
\end{tikzpicture}
\end{document}
4/89
Tutoriel TikZ
TikZ
Concepts de base
Graphes
Noeuds
Section 2 Arcs
Étiquettes
2D/3D
Vite fait, bien

Concepts de base fait
La puissance de
TikZ
Logiciels
Les multiples
5/89
Tutoriel TikZ
Un premier exemple avec TikZ
TikZ
\begin{tikzpicture} Concepts de base
\draw (0,0) -- (2,3); Graphes

Noeuds
\end{tikzpicture} Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
Syntaxe: TikZ
Logiciels
Les multiples
I \draw: fonction pour dessiner possibilités de Tikz
I (0,0) -- (2,3) coordonnées des points. Par default, les

coordonnées sont ecrites en cm. Si l’on veut considerer d’autres
systemes, on doit le
specifier (0 in,0 in) -- (2 in, 3 in)
I “--’ l’opérateur d’extension
I “;” fin de la commande !
6/89
Tutoriel TikZ
Opérateur d’extension
L’opérateur d’extension permet de concaténer une séquence de
segments TikZ
Concepts de base
\begin{tikzpicture} Graphes
Noeuds
\draw (0,0) -- (2,3) -- (3, -1) -- (4, 2);
Arcs
\end{tikzpicture} Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
7/89
Tutoriel TikZ
Commande “;”
Permet d’écrire plusieurs commandes sur une seule ligne, ou permet
d’écrire une seule commande sur plusieurs lignes: TikZ
Concepts de base
\begin{tikzpicture}
Graphes
\draw (0,1) -- (2,3); \draw (0, 3) -- (4, 2); Noeuds
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
\begin{tikzpicture}
\draw (0,0) --
(2,3) --
(3, -1) -- (4, 2);
\end{tikzpicture}
8/89
Tutoriel TikZ
Placement des figures TikZ
TikZ
Lorsque une figure est faite, LATEX la place dans un carré “imaginaire” Concepts de base
qui englobe la figure dessinée! Graphes

Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

\fbox{ fait
\begin{tikzpicture} La puissance de
\draw (0,0) -- TikZ
Logiciels
(2,3) --
Les multiples
(3, -1) -- (4, 2); possibilités de Tikz
\end{tikzpicture}
}
9/89
Tutoriel TikZ
Placement des figures TikZ
Exemple TikZ
Concepts de base
Graphes
Noeuds
Soit la ligne Arcs
\begin{tikzpicture} Étiquettes
2D/3D
\draw (0,0) -- (3,0);
\end{tikzpicture} Vite fait, bien
fait
, elle a été placée au milieu du texte.
La puissance de
TikZ
Soit la ligne , elle a été placée au milieu du texte. Logiciels
Les multiples
Ou encore:
Soit la ligne \tikz \draw (0,0) -- (3,0);, elle a été

placée au milieu du texte.
Soit la ligne , elle a été placée au milieu du texte.
10/89
Tutoriel TikZ
Des figures TikZ ne sont pas des “figures”
LATEX!
TikZ
La Figure 1 illustre l’utilisation de TikZ comme figure LATEX. Concepts de base
Graphes
\begin{figure}[!htb] Noeuds
Arcs
\centering Étiquettes
\begin{tikzpicture} 2D/3D
\draw (0,0) -- (0,2) -- (2,2) Vite fait, bien

fait
-- (2,0) -- (0,0);
La puissance de
\end{tikzpicture} TikZ
\caption{Le premier exemple Logiciels
Ti\textit{k}Z}
Figure 1: Le premier Les multiples
\label{fig:exemple_tikz} exemple TikZ

\end{figure}
I Ça permet à la figure TikZ d’avoir un comportement flottant!
Remarque
Ce format est le plus utilisé dans la “vie réelle”!
11/89
Tutoriel TikZ
Redimensionner les figures TikZ
TikZ
Concepts de base
Prenons le carré dessiné précédemment: Graphes

Noeuds
Arcs
\begin{figure}[!htb] Étiquettes
2D/3D
\centering
Vite fait, bien
\begin{tikzpicture} fait
\draw (0,0) -- (0,2) -- (2,2)
La puissance de
-- (2,0) -- (0,0); TikZ
\end{tikzpicture} Logiciels
Les multiples
\end{figure} possibilités de Tikz
12/89
Tutoriel TikZ
Prenons le carré dessiné précédemment: TikZ
Concepts de base
\begin{figure}[!htb] Graphes
\centering Noeuds
Arcs
\draw (0,0) -- (0,2) -- (2,2) 2D/3D
-- (2,0) -- (0,0); Vite fait, bien

fait
\end{tikzpicture}
La puissance de
\end{figure} TikZ
Logiciels
Les multiples
Comment on peut faire un carré 2× plus

grand et un carré 2× plus petit?
12/89
Tutoriel TikZ
TikZ
Concepts de base
Graphes
Noeuds
\begin{tikzpicture} Arcs
\draw (0,0) -- (0,4) -- Étiquettes
2D/3D
(4,4) -- (4,0) -- (0,0);
fait
La puissance de
TikZ
Logiciels
Figure 2: Carré 2× plus grand Les multiples

\begin{tikzpicture}
\draw (0,0) -- (0,1) --
(1,1) -- (1,0) -- (0,0);
\end{tikzpicture} Figure 3: Carré 2× plus petit
13/89
Tutoriel TikZ
TikZ
Concepts de base
Graphes
Noeuds
\begin{tikzpicture} Arcs
\draw (0,0) -- (0,4) -- Étiquettes
2D/3D
(4,4) -- (4,0) -- (0,0);
fait
La puissance de
TikZ
Logiciels
Figure 2: Carré 2× plus grand Les multiples

\begin{tikzpicture}
\draw (0,0) -- (0,1) --
(1,1) -- (1,0) -- (0,0);
\end{tikzpicture} Figure 3: Carré 2× plus petit
13/89
Tutoriel TikZ
TikZ
L’idée proposée avant marche bien, mais est-ce que cette approche est
Concepts de base
la plus pratique? Et si on avait plusieurs coordonnées ?
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
14/89
Tutoriel TikZ
TikZ
L’idée proposée avant marche bien, mais est-ce que cette approche est
Concepts de base
la plus pratique? Et si on avait plusieurs coordonnées ?
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
Heureusement, il y existe une fonction qui peut rendre notre bien vie
plus facile !
14/89
Tutoriel TikZ
TikZ
Concepts de base
Graphes
\begin{tikzpicture}[scale=2] Noeuds
Arcs
\draw (0,0) -- (0,2) -- (2,2)
Étiquettes
-- (2,0) -- (0,0); 2D/3D

\caption{Le premier exemple fait
Ti\textit{k}Z} La puissance de
TikZ
Logiciels
Figure 4: Carré 2× plus Les multiples

grand
\begin{tikzpicture}[scale=0.5]
\draw (0,0) -- (0,2) -- (2,2)
-- (2,0) -- (0,0); Figure 5: Carré 2× plus
\end{tikzpicture} petit
15/89
Tutoriel TikZ
On a aussi la possibilité de redimensionner juste une des dimensions,
c’est-à-dire, x et y. TikZ
Concepts de base
\begin{tikzpicture}[xscale=2]
Graphes
\draw (0,0) -- (0,2) -- (2,2) Noeuds
-- (2,0) -- (0,0); Arcs
Étiquettes
\end{tikzpicture} 2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
\begin{tikzpicture}[yscale=2] possibilités de Tikz
\draw (0,0) -- (0,2) -- (2,2)

-- (2,0) -- (0,0);
\end{tikzpicture}
Remarque
L’utilisation simultanée de
xscale et yscale equivaut
à scale!
16/89
Tutoriel TikZ
Redimensionner les figures TikZ (Bonus)
resizebox TikZ
Concepts de base
Graphes
Noeuds
\begin{tikzpicture}[scale=1.5] Arcs
Étiquettes
\draw (0,0) -- (0,2) -- 2D/3D
(2,2) -- (2,0) -- (0,0);
Vite fait, bien
\end{tikzpicture} fait
La puissance de
TikZ
Logiciels
Les multiples
\resizebox{3cm}{3cm}{
\begin{tikzpicture}
\draw (0,0) -- (0,1) --
(1,1) -- (1,0) -- (0,0);
\end{tikzpicture}}
17/89
Tutoriel TikZ
Séparant le code TikZ du corps du texte
TikZ
Mettre juste le code TikZ dans un fichier
Concepts de base
externe.
Graphes
Noeuds
\begin{figure}[!htb]
Arcs
\centering Étiquettes
2D/3D
\input{example_latex2}
\caption{Le premier exemple Vite fait, bien
Ti\textit{k}Z} Figure 6: Le premier fait
\label{fig:exemple_tikz3} exemple TikZ La puissance de

TikZ
\end{figure} Logiciels
Les multiples
\begin{tikzpicture}
\draw (0,0) -- (0,2) -- (2,2) -- (2,0) -- (0,0);
\end{tikzpicture}
18/89
Tutoriel TikZ
Des formes géométriques basiques
TikZ
On peut toujours dessiner des formes en jouant avec des segments. Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

\draw (0,0) -- (0,3) -- La puissance de
TikZ
(3,3) -- (3,0) -- (0,0);
Logiciels
\end{tikzpicture} Les multiples
19/89
Tutoriel TikZ
TikZ
On peut toujours dessiner des formes en jouant avec des segments.
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
\begin{tikzpicture} Vite fait, bien

fait
\draw (0,0) -- (0,3) --
(3,3) -- (3,0) -- (0,0); La puissance de
TikZ
\end{tikzpicture} Logiciels
Les multiples
TikZ possède des commandes spéciales qui nous permettent de dessiner

certaines formes plus facilement!
19/89
Tutoriel TikZ
Rectangle TikZ
Concepts de base
Graphes
Noeuds
Arcs
\draw (0,0) rectangle (3,3); 2D/3D

fait
La puissance de
TikZ
Logiciels
Les multiples
\begin{tikzpicture}
\draw (0,0) rectangle (4,2);
\end{tikzpicture}
20/89
Tutoriel TikZ
Parabole TikZ
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
\begin{tikzpicture}
Vite fait, bien
\draw (0,0) parabola (4,4); fait
\end{tikzpicture}
La puissance de
TikZ
Logiciels
Les multiples
21/89
Tutoriel TikZ
Arcs TikZ
Concepts de base
Graphes
Noeuds
Arcs
2D/3D
\draw (0,0) arc [radius = 2,
Vite fait, bien
start angle = 30, fait
end angle = 270]; La puissance de
Logiciels
Les multiples
I (0,0) le point initale de l’arc

I arc commande pour dessiner l’arc
I radius
I start angle = 30 l’angle initale
I end angle = 270 l’angle finale
Remarque: Les angles sont en degrés.
22/89
Tutoriel TikZ
Arcs TikZ
Concepts de base
Graphes
Noeuds
Arcs
2D/3D
Vite fait, bien
start angle = 0 fait
end angle = 360];
La puissance de
Logiciels
Les multiples
23/89
Tutoriel TikZ
Cercle TikZ
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
\begin{tikzpicture}
Vite fait, bien
\draw (0,0) circle (2cm); fait
\end{tikzpicture}
La puissance de
TikZ
Logiciels
Les multiples
24/89
Tutoriel TikZ
Cercle x Arcs TikZ
Concepts de base
Graphes
Noeuds
Arcs
2D/3D
\draw (0,0) circle (2cm);
Vite fait, bien
\end{tikzpicture} fait
La puissance de
TikZ
Logiciels
Les multiples
\begin{tikzpicture}
start angle = 0
end angle = 360];
\end{tikzpicture}
25/89
Tutoriel TikZ
Ellipse TikZ
Concepts de base
Graphes
\begin{tikzpicture} Noeuds
\draw (0,0) ellipse (3cm and 1cm); Arcs

Étiquettes
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
26/89
Tutoriel TikZ
Grilles
TikZ
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

\draw (0,0) grid (5,5); La puissance de
Logiciels
Les multiples
27/89
Tutoriel TikZ
Décorations sur les lignes
I Lorsque on prépare des figures LATEX, on a besoin de les rendre TikZ
plus “belles” Concepts de base
I La plus part des décorations peuvent être ajoutées en ajoutant des Graphes
paramètres à la fonction \draw! Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
28/89
Tutoriel TikZ
Décorations sur les lignes
I Lorsque on prépare des figures LATEX, on a besoin de les rendre TikZ
plus “belles” Concepts de base
I La plus part des décorations peuvent être ajoutées en ajoutant des Graphes
paramètres à la fonction \draw! Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

Décorations fait
La puissance de
1. Flèches et barres TikZ
Logiciels
2. Épaisseur des lignes (définie et personnalisée) Les multiples
3. Lignes pointillées et lignes en tireté
4. Lignes courbées
5. Couleurs
28/89
Tutoriel TikZ
1. Flèches et barres
\draw (0,0) -- (3,3); TikZ
\draw[->] (2,0) -- (5,3); Concepts de base
\draw[>->] (4,0) -- (7,3); Graphes

Noeuds
\draw[<->] (6,0) -- (9,3);
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
29/89
Tutoriel TikZ
\draw (0,0) -- (3,3); TikZ
\draw[-|] (2,0) -- (5,3); Concepts de base
\draw[|-] (4,0) -- (7,3); Graphes

Noeuds
\draw[|-|] (6,0) -- (9,3);
Arcs
\draw[|->] (8,0) -- (11,3); Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
30/89
Tutoriel TikZ
I Les flèches (barres) seront toujours ajoutées aux extrémités du TikZ
premier et du dernier segment (si c’est le cas). Concepts de base
I TikZ (défaut) n’a pas une commande pour mettre des flèches au Graphes
milieu des segments. On a besoin de “tricher”! Noeuds
Arcs
Étiquettes
2D/3D
\begin{tikzpicture} Vite fait, bien

\draw[->] (0,1) -- (1,1); \draw (1, 1) -- (3,1); fait
\draw[->] (0,0.5) -- (1.5,0.5); \draw (1.5,0.5) -- (3,0.5);

La puissance de
TikZ
\draw[->] (0,0) -- (3,0);
Logiciels
31/89
Tutoriel TikZ
1. Flèches et barres (Bonus)
Cela c’est très bien pour faire des axes.
TikZ
\draw [<->] (0,3) -- (0,0) -- (3,0); Graphes

Noeuds
\end{tikzpicture}
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
32/89
Tutoriel TikZ
2. Épaisseur des lignes
Définies TikZ
Concepts de base
Graphes
\draw[ultra thick] (0,2) -- (3,2); Noeuds
\draw[thick] (0,1.5) -- (3,1.5); Arcs

Étiquettes
\draw[thin] (0,1) -- (3,1); 2D/3D
\draw (0,0.5) -- (3,0.5); Vite fait, bien

\draw[help lines] (0,0) -- (3,0); fait
La puissance de
TikZ
Logiciels
Les multiples
33/89
Tutoriel TikZ
Définies - Lignes d’aide TikZ
Concepts de base
Rendent les lignes plus “gris” et un plus étroites. Graphes
Noeuds
Arcs
\draw[help lines] (0,0) grid (5,5); 2D/3D

fait
La puissance de
TikZ
Logiciels
Les multiples
34/89
Tutoriel TikZ
Définies - Lignes d’aide TikZ
Concepts de base
Rendent les lignes plus “gris” et un plus étroites. Graphes
Noeuds
Arcs
\draw[help lines] (0,0) grid (5,5); 2D/3D

fait
La puissance de
TikZ
Logiciels
Les multiples
34/89
Tutoriel TikZ
Utiliser des “help lines” pour surligner des points
TikZ
\begin{tikzpicture}
Concepts de base
\draw [<->] (0,5) -- (0,0) -- (5,0);
Graphes
\draw[help lines] (0,2.5) -- (2.5,2.5) -- (2.5,0); Noeuds
\draw[thick] (0,0) -- (5,5); Arcs
Étiquettes
\draw[fill=black] (2.5,2.5) circle (0.1cm); 2D/3D
fait
La puissance de
TikZ
Logiciels
Les multiples
35/89
Tutoriel TikZ
Customisées TikZ
Concepts de base
Graphes
\draw[line width=12] (0,1) -- (3,1); Noeuds
\draw[line width=5] (0,0.5) -- (3,0.5); Arcs

Étiquettes
\draw (0,0) -- (3,0); 2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
Remarque
La dimension défaut est le point (1 point ≈ 0.035 cm).
36/89
Tutoriel TikZ
3. Lignes pointillées et lignes en tireté
\begin{tikzpicture} TikZ
\draw[dashed, ->] (0,2) -- (3,2); Concepts de base
\draw[dashed] (0,1.5) -- (3,1.5); Graphes

Noeuds
\draw[dotted] (0,1) -- (3,1);
Arcs
\draw[dashed, ultra thick] (0,0.5) -- (3,0.5); Étiquettes
2D/3D
\draw[dashed, ->] (0,0) -- (3,0);
fait
La puissance de
TikZ
Logiciels
Les multiples
37/89
Tutoriel TikZ
4. Lignes courbées
\begin{tikzpicture}
\begin{tikzpicture}
\draw (0,0) to TikZ
\draw (0,0) -- (2,3);
[out=30,in=270] (2,3);
\end{tikzpicture} Concepts de base
\end{tikzpicture}
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
I out: Placer une aiguille avec une extremité sur le point (0,0) et
l’autre vers la droite, et ensuite la tourner dans le sens inverse des
aiguilles d’une montre jusqu’à atteindre l’angle desiré
I in: Placer une aiguille avec une extremité sur le point (2,3) et
l’autre vers la droite, et ensuite la tourner dans le sens inverse des
aiguilles d’une montre jusqu’à atteindre l’angle desiré
38/89
Tutoriel TikZ
4. Lignes courbées
Prenez compte que l’opérateur to peut être utilisé pour dessiner des
lignes droites. En fait, on peut même les mélanger. TikZ
Concepts de base
Graphes
Noeuds
\begin{tikzpicture} \begin{tikzpicture} Arcs
\draw (0,0) to (2,3); \draw (0,0) -- (2,3) to (5,0); Étiquettes

2D/3D
\end{tikzpicture} \end{tikzpicture}
Vite fait, bien
fait
La puissance de
TikZ
Logiciels
Les multiples
39/89
Tutoriel TikZ
4. Lignes courbées
Cependant, afin de rendre le code plus lisible et organisé, on va
restreindre l’utilisation de “to” pour dessiner des courbes et “--” pour TikZ
faire des lignes rectes. C’est juste une bonne pratique. Concepts de base
Graphes
Noeuds
\begin{tikzpicture}
Arcs
\draw (0,0) -- (2,3); Étiquettes
2D/3D
\draw (0,0) to [out=30, in=270] (2,3);
fait
La puissance de
TikZ
Logiciels
Les multiples
40/89
Tutoriel TikZ
4. Lignes courbées
Des coins rondes TikZ
Concepts de base
\begin{tikzpicture}
\begin{tikzpicture} Graphes
\draw [<->,
\draw[rounded corners] Noeuds
rounded corners] Arcs
(0,0) rectangle (3,3); Étiquettes
(0,3) -- (0,0) -- (3,0);
\end{tikzpicture}
Vite fait, bien
fait
La puissance de
TikZ
Logiciels
Les multiples
41/89
Tutoriel TikZ
4. Lignes courbées
Un exemple un peu plus élaboré TikZ
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
42/89
Tutoriel TikZ
4. Lignes courbées
Un exemple un peu plus élaboré TikZ
Concepts de base
\begin{tikzpicture}[scale=0.4]
\draw[line width=0.05cm] (5,2) to [out=110,in=220] (5,4.5) to [out=40,in=250] Graphes
(8,5) to [out=80,in=250] (7,7) to [out=60,in=90] (14,3) to [out=270,in=0] Noeuds
(5,-3) to [out=180,in=180] (5,-2.8); Arcs
\draw[line width=0.05cm] (9,4.2) to [out=90,in=90] Étiquettes
(13,3) to [out=270,in=0] (5,-2.8); 2D/3D
\draw[line width=0.05cm] (10.6,1.8) to [out=90,in=270]
(10.5,3) to [out=90,in=270] (9,4.2); Vite fait, bien
\draw[line width=0.05cm] (10.6,1.8) to [out=270,in=70] fait
(10.8,0) to [out=250,in=0] (5.4,-2);
\draw[line width=0.05cm] (5.4,-1.8) to [out=180,in=180] (5.4,-2); La puissance de
\draw[line width=0.05cm] (5.4,-1.8) to [out=10,in=260] (10,1.5) to [out=90,in=0] TikZ
(8,1.5) to [out=180,in=40] (6.5,1.5) to [out=220,in=0] (4.5,-1.4); Logiciels
\draw[line width=0.05cm] (1.8,1.7) to [out=270,in=90] Les multiples
(1,0) to [out=270,in=180] (4.5,-1.4);
\draw[line width=0.05cm] (1.8,1.7) to [out=100,in=270] (1.5,3) to [out=90,in=300]
(3.5,4.5) to [out=120,in=90] (-1,3) to [out=270,in=180]
(4.1,-2) to [out=0,in=0] (4.3,-2.5);
\draw[line width=0.05cm] (4,4.5) to [out=50,in=310] (4.3,7) to [out=140,in=90]
(-2,3) to [out=270,in=190] (4.3,-2.5);
\draw[line width=0.05cm] (3.2,1.7) to [out=60,in=270]
(3.4,3) to [out=90,in=220] (4,4.5);
\draw[line width=0.05cm] (3.2,1.7) to [out=250,in=90] (2.4,1);
\draw[line width=0.05cm] (5,-1.6) to [out=200,in=270] (2.4,1);
\draw[line width=0.05cm] (5,-1.6) to [out=20,in=270] (8,1.8) to [out=80,in=270]
(8.5,3) to [out=90,in=340] (8,4.5) to [out=190,in=30]
(6,1.5) to [out=220,in=270](3.4,1.5);
\end{tikzpicture}
43/89
Tutoriel TikZ
5. Couleurs
\begin{tikzpicture} TikZ
\draw [line width = 6, red] (0,0) to (1,0); Concepts de base
\end{tikzpicture} Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Red Black Olive
Vite fait, bien
Green Gray Orange fait
Blue Darkgray Pink La puissance de

TikZ
Cyan Lightgray Purple Logiciels
Les multiples
Magenta Brown Teal
Yellow Lime Violete
44/89
Tutoriel TikZ
5. Couleurs
Colorer des lignes TikZ
Concepts de base
\begin{tikzpicture}
Graphes
\draw [->, \begin{tikzpicture} Noeuds
line width = 2, \draw [<->, Arcs
Étiquettes
red] (0,0) -- (3,3); thick, cyan] 2D/3D
\end{tikzpicture} (0,0) to [out=90,in=180] Vite fait, bien
(1,1) to [out=0,in=180] fait
(2.5,0) to [out=0,in=-135]La puissance de
(4,1) ; TikZ
Logiciels
45/89
Tutoriel TikZ
5. Couleurs
Colorer des figures bien définies TikZ
Concepts de base
\begin{tikzpicture}
Graphes
\draw[fill=blue] Noeuds
(0,0) rectangle (3,3); Arcs
Étiquettes
Vite fait, bien

\draw[fill=blue, red] La puissance de

TikZ
(0,0) rectangle (3,3); Logiciels

\begin{tikzpicture}
\draw[fill=blue, blue]
(0,0) rectangle (3,3);
\end{tikzpicture}
46/89
Tutoriel TikZ
5. Couleurs
Colorer des figures bien définies TikZ
Concepts de base
\begin{tikzpicture}
Graphes
\draw[fill=yellow]
Noeuds
(0,0) circle (2cm); Arcs
Étiquettes
\end{tikzpicture} \begin{tikzpicture} 2D/3D
\draw[fill=pink]
Vite fait, bien
(0,0) ellipse (3cm and 1cm); fait
\end{tikzpicture} La puissance de
TikZ
Logiciels
Les multiples
47/89
Tutoriel TikZ
5. Couleurs
Mélange de couleurs TikZ
Concepts de base
\begin{tikzpicture}
Graphes
\draw[fill=blue!30!red]
Noeuds
(0,0) rectangle (4,2); Arcs
Étiquettes
\end{tikzpicture}
2D/3D
Vite fait, bien

\draw[fill=blue!50!red] La puissance de
(0,0) rectangle (4,2); TikZ
Logiciels
\begin{tikzpicture}
\draw[fill=blue!70!red]
\end{tikzpicture}
Remarque
Ajouter \usepackage{xcolor} avant \usepackage{tikz}!
48/89
Tutoriel TikZ
5. Couleurs
Dégradé TikZ
Concepts de base
\begin{tikzpicture}
Graphes
\shade[top color=green, Noeuds
bottom color=yellow] Arcs
(0,0) rectangle (4,2); Étiquettes
2D/3D
\end{tikzpicture}
Vite fait, bien
fait
\begin{tikzpicture} La puissance de
\shade[left color=green, TikZ
Logiciels
right color=yellow] Les multiples
(0,0) rectangle (4,2); possibilités de Tikz
\end{tikzpicture}
\begin{tikzpicture}
\shadedraw[inner color=blue,
outer color=yellow,
draw=green]
\end{tikzpicture}
49/89
Tutoriel TikZ
5. Couleurs
Dégradé TikZ

\begin{tikzpicture} \shade[ball color=green] Graphes
\shade[ball color=red] (0,0) rectangle (2,4); Noeuds
(0,0) circle (1cm); \end{tikzpicture} Arcs
Étiquettes
\end{tikzpicture}
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
50/89
Tutoriel TikZ
5. Couleurs
Dégradé TikZ

\shade[ball color=green] Graphes
\begin{tikzpicture} (0,0) rectangle (2,4); Noeuds
\shade[ball color=red]
Étiquettes
(0,0) circle (1cm); 2D/3D
\end{tikzpicture}
Vite fait, bien
fait
La puissance de
TikZ
Logiciels
Les multiples
50/89
Tutoriel TikZ
TikZ
Concepts de base
Graphes
Noeuds
Section 3 Arcs
Étiquettes
2D/3D
Vite fait, bien

Graphes fait
La puissance de
TikZ
Logiciels
Les multiples
51/89
Tutoriel TikZ
Créer des noeuds
Texte
TikZ
Nom du noeud (Obligatoire, Concepts de base
(optionnel) peut être vide) Graphes
Noeuds
Arcs
\node[<options>](<nom>)at (<X>,<Y>){texte}; Étiquettes
Vite fait, bien

Options Coordonnées fait
du noeud La puissance de
TikZ
Logiciels
Exemple: Les multiples
possibilités de
Tikz
\node [] (monNoeud) at (0,0) {ceci est un noeud};
ceci est un noeud
52/89
Tutoriel TikZ
Options de noeuds
\node [<options>] (<nom>) at (<X>,<Y>) {texte};
TikZ
1 [draw] Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
possibilités de
Tikz
\node [draw] (n1) at (0,4) {1};
53/89
Tutoriel TikZ
Options de noeuds
TikZ
Graphes
Noeuds
Arcs
2 [draw, circle] Étiquettes
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
possibilités de
Tikz
\node [draw, circle] (n2) at (0,3) {2}; Autres formes :

rectangle, ellipse, diamond, ...
53/89
Tutoriel TikZ
Options de noeuds
TikZ
Graphes
Noeuds
Arcs
Vite fait, bien

[draw, fait
3 rounded corners=3pt] La puissance de
TikZ
Logiciels
Les multiples
possibilités de
Tikz
\node [draw, rounded corners=3pt] (n3) at (0,2) {3};
53/89
Tutoriel TikZ
Options de noeuds
TikZ
Graphes
Noeuds
Arcs
Vite fait, bien

[draw, fait
TikZ
Logiciels
4 [draw, red] Les multiples
possibilités de
Tikz
\node [draw, red] (n4) at (0,1) {4};
53/89
Tutoriel TikZ
Options de noeuds
TikZ
Graphes
Noeuds
Arcs
Vite fait, bien

[draw, fait
TikZ
Logiciels
possibilités de
Tikz
5 [draw, text=blue ]
\node [draw, text = blue] (n5) at (0,0) {5};
53/89
Tutoriel TikZ
Options de noeuds
TikZ
1 [draw] 6 [draw, fill=red!30] Concepts de base
Graphes
Noeuds
Arcs
Vite fait, bien

[draw, fait
TikZ
Logiciels
possibilités de
Tikz
\node [draw, fill=red!30 ] (n6) at (6, 4) {6};
53/89
Tutoriel TikZ
Options de noeuds
TikZ
Graphes
Noeuds
Arcs
2 [draw, circle] 7 [draw, ultra thick] Étiquettes
Vite fait, bien

[draw, fait
TikZ
Logiciels
possibilités de
Tikz
\node [draw, ultra thick] (n7) at (6,3) {7};

Options : ultra thin, very thin, thin, thick, very thick,
ultra thick
Commande alternative : [line width=<dimension>]
53/89
Tutoriel TikZ
Options de noeuds
TikZ
Graphes
Noeuds
Arcs
Vite fait, bien

[draw, [draw, pattern = fait
3 rounded corners=3pt] 8 north east lines] La puissance de
TikZ
Logiciels
possibilités de
Tikz
\usetikzlibrary{patterns}
\node [draw, pattern = north east lines] (n8) at (6,2)
{8};
53/89
Tutoriel TikZ
Options de noeuds
TikZ
Graphes
Noeuds
Arcs
Vite fait, bien

TikZ
[draw, Logiciels
4 [draw, red] 9 inner sep=1pt]
Les multiples
possibilités de
Tikz
\node [draw, inner sep=1pt] (n9) at (6,1) {9};
53/89
Tutoriel TikZ
Options de noeuds
TikZ
Graphes
Noeuds
Arcs
Vite fait, bien

TikZ
[draw, Logiciels
4 [draw, red] 9 inner sep=1pt]
Les multiples
possibilités de
Tikz
[draw,
5 [draw, text=blue ] 10 minimum height = 30pt]
\node [draw, minimum height = 30pt] (n10) at (6, 0) {10};

Autres commandes :
minimum width = <dimension>
minimum size = <dimension>
53/89
Tutoriel TikZ
Texte du noeud sur plusieurs lignes
TikZ
Concepts de base
Graphes
Noeuds
Arcs
\node [draw] (monNoeud) at (0,0) { Étiquettes
\begin{tabular} Vite fait, bien

fait
ceci est \\un noeud
La puissance de
\end{tabular} TikZ
Logiciels
}; Les multiples
possibilités de
Tikz
ceci est
un noeud
54/89
Tutoriel TikZ
Arcs
\draw[<options>] (<noeud 1>) --(<noeud 2>);
TikZ
Exemple : Concepts de base
\node [draw, circle] (n1) at (0,0) {n1}; Graphes

Noeuds
... Arcs
Étiquettes
\draw[] (n1) -- (n2); Vite fait, bien
fait
\draw[dashed, ->] (n2) -| (n3);
La puissance de
\draw[red, line width=4pt, diamond-stealth] TikZ
Logiciels
(n3) to (n1); Les multiples
possibilités de
Tikz
n2
n1 n3
55/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
\draw[] (n11) to[loop, looseness=20] (n11);
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
\draw[] (n21) to[loop above, looseness=40] (n21);
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
\draw[] (n13) to[loop below, looseness=40] (n13);
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
\draw[] (s1) to[bend left] (n11);

\draw[] (s1) --(n11);
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
\draw[bend right] (s1) to (n13);

\draw[] (s1) --(n13);
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
\draw[] (s1) to[bend left] (n22);
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
\draw[] (n13) to[bend left] (n31);
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
\draw[] (n13) to[bend left=10] (n31);
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
\draw[] (n31) to[out = -10, in = 135] (s2);

\draw[] (n41) to[out=0, in=90] (s2);
56/89
Tutoriel TikZ
TikZ
Concepts de base
n11 n21 n31 n41
Graphes
Noeuds
Arcs
Étiquettes
s1 n12 n22 n32 n42 s2
Vite fait, bien
fait
La puissance de
TikZ
n13 n23 n33 n43
Logiciels
Les multiples
possibilités de
Tikz
56/89
Tutoriel TikZ
Étiquettes de noeuds
TikZ
Concepts de base
Graphes
Noeuds
Arcs
\node [draw, label = Étiquette du noeud n1] (n1) at (0,0) Étiquettes
{};
Vite fait, bien
fait
\node [draw, label = {[red]45:n2}] (n2) at (2,0) {};
La puissance de
TikZ
Logiciels
Les multiples
Étiquette du noeud n1 n2 possibilités de
Tikz
57/89
Tutoriel TikZ
Étiquettes d’arcs
TikZ
n1 n2
Concepts de base
Graphes
Noeuds
n4 Arcs
Étiquettes
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
possibilités de
Tikz
n3
58/89
Tutoriel TikZ
TikZ
n1 n2
L
Concepts de base
Graphes
Noeuds
n4 Arcs
Étiquettes
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
possibilités de
Tikz
n3
\draw [] (n1) --(n2) node[]{L};
58/89
Tutoriel TikZ
[midway]
TikZ
n1 L n2
Concepts de base
Graphes
Noeuds
n4 Arcs
Étiquettes
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
possibilités de
Tikz
n3
\draw [] (n1) --(n2) node[midway]{L};
58/89
Tutoriel TikZ
[midway, above]
L TikZ
n1 n2
Concepts de base
Graphes
Noeuds
n4 Arcs
Étiquettes
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
possibilités de
Tikz
n3
\draw [] (n1) --(n2) node[midway, above]{L};
58/89
Tutoriel TikZ
[midway, above]
L TikZ
n1 n2
Concepts de base
[very near start]A Graphes

Noeuds
[near start]B n4 Arcs
Étiquettes
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
[near end] C Les multiples
possibilités de
[very near end]D Tikz
n3
\draw [] (n1) --(n3)

node[very near start]{A}
node[near start, left]{B}
node[near end, right =-2pt]{C}
node[sloped, very near end]{D};
58/89
Tutoriel TikZ
[midway, above]
L TikZ
n1 n2
Concepts de base

Noeuds
Étiquettes
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
possibilités de
n3
F
[pos=0.2]
\node[bend right = 60] (n3) to
node[pos=0.2]{F}
(n2);
58/89
Tutoriel TikZ
[midway, above]
L TikZ
n1 n2
Concepts de base

Noeuds
Étiquettes
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
possibilités de
G
[pos=0.5]
n3
F
[pos=0.2]
node[pos=0.2]{F}
node[pos=0.5]{G}
(n2);
58/89
Tutoriel TikZ
[midway, above]
L TikZ
n1 n2
Concepts de base

Noeuds
Étiquettes
Vite fait, bien

fait
H La puissance de
[pos=0.7] TikZ
Logiciels
possibilités de
G
[pos=0.5]
n3
F
[pos=0.2]
node[pos=0.2]{F}
node[pos=0.5]{G}
node[pos=0.7]{H}
(n2);
58/89
Tutoriel TikZ
[midway, above]
L TikZ
n1 n2
Concepts de base
[slopN
[very near start]A ed] Graphes
Noeuds
Étiquettes
Vite fait, bien

fait
H La puissance de
[pos=0.7] TikZ
Logiciels
possibilités de
G
[pos=0.5]
n3
F
[pos=0.2]
\draw [] (n1) --(n4)
node[sloped, pos=0.3]{N} ;
58/89
Tutoriel TikZ
[midway, above]
L TikZ
n1 n2
[rota Concepts de base
[slopN te=-
45]
M
Noeuds
Étiquettes
Vite fait, bien

fait
H La puissance de
[pos=0.7] TikZ
Logiciels
possibilités de
G
[pos=0.5]
n3
F
[pos=0.2]
\draw [] (n1) --(n4)
node[sloped, pos=0.3]{N}
node[rotate=-45, pos=0.65]{M} ;
58/89
Tutoriel TikZ
[midway, above]
L TikZ
n1 n2
[slopN te=-
45]
M
Noeuds
Étiquettes
Vite fait, bien

[left]W fait
H La puissance de
[pos=0.7] TikZ
Logiciels
[near end] C
K [right] Les multiples
possibilités de
G
[pos=0.5]
n3
F
[pos=0.2]
\draw [] (n4) --(n3)
node[pos=0.2, left]{W}
node[pos=0.7, right]{K};
58/89
Tutoriel TikZ
[midway, above]
L TikZ
n1 n2
[slopN te=-
45]
ed]
[very near start]A
X [scale=2] Graphes
M
Noeuds
Étiquettes
Vite fait, bien

[left]W fait
H La puissance de
[pos=0.7] TikZ
Logiciels
[near end] C
K [right] Les multiples
possibilités de
G
[pos=0.5]
n3
F
[pos=0.2]
\draw [] (n4) --(n2) node[pos=0.3, scale = 2]{X};
58/89
Tutoriel TikZ
Ancres
TikZ
Concepts de base
n.north west n.north n.north east Graphes
Noeuds
Arcs
Étiquettes
n.30 Vite fait, bien

fait
La puissance de
n.west noeud n n.east TikZ
Logiciels
Les multiples
possibilités de
n.text n.center Tikz
n.south west n.south n.south east
59/89
Tutoriel TikZ
Ancres
TikZ
Concepts de base
n2 Graphes
Noeuds
Arcs
Étiquettes
\draw[] (n1.north west) --(n2.south Vite fait, bien

east); fait
\draw[] (n1.north east) --(n2.south La puissance de

n3 west); TikZ
Logiciels
\draw[] (n3.north east) --(n2.west); Les multiples
\draw[] (n3.south east) --(n1.center); possibilités de
Tikz
n1
60/89
Tutoriel TikZ
Ancres
TikZ
Concepts de base
n2 Graphes
Noeuds
Arcs
Étiquettes

east); fait

n3 west); TikZ
Logiciels
Tikz
n1
60/89
Tutoriel TikZ
Ancres
TikZ
Concepts de base
n2 Graphes
Noeuds
Arcs
Étiquettes

east); fait

n3 west); TikZ
Logiciels
Tikz
n1
60/89
Tutoriel TikZ
Ancres
TikZ
Concepts de base
n2 Graphes
Noeuds
Arcs
Étiquettes

east); fait

n3 west); TikZ
Logiciels
Tikz
n1
60/89
Tutoriel TikZ
Ancres
TikZ
Concepts de base
n2 Graphes
Noeuds
Arcs
Étiquettes

east); fait

n3 west); TikZ
Logiciels
Tikz
n1
60/89
Tutoriel TikZ
Une librairie pour des graphes simples
TikZ
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
possibilités de
Tikz
61/89
Tutoriel TikZ
TikZ
\usepackage{tkz-graph} dans le
préambule Concepts de base
\GraphInit[vstyle=Normal] Graphes
\Vertex{A} Noeuds
Arcs
Étiquettes
Vite fait, bien

fait
A
La puissance de
TikZ
Logiciels
Les multiples
possibilités de
Tikz
61/89
Tutoriel TikZ
TikZ
C
\Vertex{A} \NOEA(A){C} Noeuds
\NOEA pour NOrth EAst Arcs
Étiquettes
Vite fait, bien

fait
A
La puissance de
TikZ
Logiciels
Les multiples
possibilités de
Tikz
61/89
Tutoriel TikZ
B F TikZ
C G K
Étiquettes
\NO(C){B}
Vite fait, bien
\EA(A){D} fait
A D O L \SO(D){E}
\EA(B){F} La puissance de
TikZ
\EA(C){G} Logiciels
\EA(D){O} Les multiples
E I M possibilités de
\EA(E){I} Tikz
\EA(G){K}
\EA(O){L}
Q \EA(I){M}
\SO(I){Q}
61/89
Tutoriel TikZ
B F TikZ
1/1 C G K
Étiquettes
\NO(C){B}
Vite fait, bien
\EA(A){D} fait
A D O L \SO(D){E}
TikZ
\EA(C){G} Logiciels
E I M possibilités de
\EA(E){I} Tikz
\EA(G){K}
\EA(O){L}
Q \EA(I){M}
\SO(I){Q}
\Edge[label=1/1](A)(B)
61/89
Tutoriel TikZ
B 0/1 F TikZ
0/1
1/1 C 0/1 G K
Étiquettes
1/1 1/1 1/1 \NO(C){B}
1/1 Vite fait, bien
\EA(A){D} fait
A 1/1 D 0/1 O L \SO(D){E}
1/1 0/1 0/1 TikZ
\EA(C){G} Logiciels
E I 0/1
0/1 M possibilités de
\EA(E){I} Tikz
1/1 1/1
\EA(G){K}
\EA(O){L}
Q \EA(I){M}
\SO(I){Q}
\Edge[label=1/1](A)(B)
\Edge[label=1/1](A)(D)
\Edge[label=1/1](A)(E)
...
61/89
Tutoriel TikZ
Graphes 2D/3D et animation avec tikz
http://www.texample.net/tikz/examples/tag/3d/
TikZ
Concepts de base
Graphes
Noeuds
Arcs
Figure 7: Circumscribed Parallepiped by Axel Pavillet Étiquettes
http://www.texample.net/tikz/examples/parallelepiped/ 2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
Figure 8: Animation of the Optimal Lot-Size with the Andler Formula by Felix Lindemann
http://www.texample.net/tikz/examples/andler-optimal-lot-size/
62/89
Tutoriel TikZ
KG KL KB
1 kl ·P M·kb 1 5·20 50·5

100.0 KG (b) = 2
· 100
·b+ b
= 2
· 100
·b+ b TikZ
Concepts de base
80.0 Graphes
Noeuds
Arcs
Étiquettes
60.0 2D/3D
Vite fait, bien

fait
40.0
La puissance de
TikZ
q Logiciels
KG (bopt ) = 2·5·20·5·50 = 22.35
100 Les multiples
20.0 possibilités de Tikz
b
10.0 20.0 30.0 40.0 50.0 60.0 70.0 80.0
q
bopt = 2·5·50·100 = 22.36
5·20
63/89
Tutoriel TikZ
KG KL KB
1 kl ·P M·kb 1 5·20 50·3.5

100.0 KG (b) = 2
· 100
·b+ b
= 2
· 100
·b+ b
TikZ
Concepts de base
80.0
Graphes
Noeuds
Arcs
60.0 Étiquettes
2D/3D
Vite fait, bien

40.0 fait
La puissance de
TikZ
q Logiciels
20.0 KG (bopt ) = 2·5·20·3.5·50 = 18.70Les multiples
100
b
10.0 20.0 30.0 40.0 50.0 60.0 70.0 80.0
q
bopt = 2·3.5·50·100 = 18.71
5·20
64/89
Tutoriel TikZ
TikZ
Concepts de base
Graphes
Noeuds
Section 4 Arcs
Étiquettes
2D/3D
Vite fait, bien

Vite fait, bien fait fait
La puissance de
TikZ
Logiciels
Les multiples
65/89
Tutoriel TikZ
Vite fait, bien fait
Ou comment se simplifier la vie
TikZ
Concepts de base
TikZ
Graphes
Noeuds
Arcs
Concepts de base Étiquettes
2D/3D
Vite fait, bien

Graphes fait
La puissance de
TikZ
Logiciels
Vite fait, bien fait Les multiples
La puissance de TikZ
66/89
Tutoriel TikZ
Exemple 1
TikZ
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
67/89
Tutoriel TikZ
Exemple 1
TikZ
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
0 1 2 3 4 5 6 7 8 9 10 11 2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
\draw[->,very thick] (0,0)-(12,0); possibilités de Tikz
\def\h{0.1}
\foreach \i in {0,...,11}
\draw (\i,\h)--(\i,-\h) node[below]
{\i};
68/89
Tutoriel TikZ
Exemple 1
TikZ
il était une fois un roi
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
0 1 2 3 4 5 6 7 8 9 10 11 2D/3D
Vite fait, bien

fait
une reine fin heureuse La puissance de
TikZ
Logiciels
\def\z{2} Les multiples

\tikzstyle{evenement} = [fill=blue!50,font=\large]
\node[evenement] (debut) at (2,\z) {il était une
fois};
\node[evenement] (milieu) at (4,-\z) {une reine};
\node[evenement] (milieu2) at (7,\z) {un roi};
\node[evenement,fill=pink] (fin) at (11,-\z) {fin
heureuse};
68/89
Tutoriel TikZ
Exemple 1
TikZ
il était une fois un roi
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
0 1 2 3 4 5 6 7 8 9 10 11 2D/3D
Vite fait, bien

fait
une reine fin heureuse La puissance de
TikZ
Logiciels
\tikzstyle{fleche} = [->,very thick] Les multiples

\draw[fleche] (debut.south)--(3,0);
\draw[fleche] (milieu2.south)--(7,0);
\draw[fleche] (milieu.north)--(5,0);
\draw[fleche] (fin.north)--(11,0);
68/89
Tutoriel TikZ
Exemple 1: finitions
TikZ
il était une fois un roi Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
0 1 2 3 4 5 6 7 8 9 10 11 Vite fait, bien

fait
La puissance de
TikZ
Logiciels
une reine fin heureuse Les multiples

69/89
Tutoriel TikZ
Exemple 1: animations
TikZ
0 1 2 3 4 5 6 7 8 9 10 11 Concepts de base
Graphes
Dans un beamer, utiliser les fonctions \only et \uncover. Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
70/89
Tutoriel TikZ
TikZ
il était une fois Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
0 1 2 3 4 5 6 7 8 9 10 11 Vite fait, bien

fait
La puissance de
Dans un beamer, utiliser les fonctions \only et \uncover. TikZ
Logiciels
\only<2->{ \node[evenement] (debut) at (4,-\z) {il Les multiples
etait une fois}; }
70/89
Tutoriel TikZ
TikZ
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
0 1 2 3 4 5 6 7 8 9 10 11 Vite fait, bien

fait
La puissance de
TikZ
Logiciels
une reine Les multiples

Dans un beamer, utiliser les fonctions \only et \uncover.

\only<2->{ \node[evenement] (debut) at (4,-\z) {il
etait une fois}; }
\only<3->{ ... "une reine"... };
70/89
Tutoriel TikZ
TikZ
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
0 1 2 3 4 5 6 7 8 9 10 11 Vite fait, bien

fait
La puissance de
TikZ
Logiciels


etait une fois}; }
\only<3->{ ... "une reine"... };
70/89
Tutoriel TikZ
TikZ
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
0 1 2 3 4 5 6 7 8 9 10 11 Vite fait, bien

fait
La puissance de
TikZ
Logiciels


etait une fois}; }
\only<3->{ ... "une reine"... };
70/89
Tutoriel TikZ
TikZ
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
0 1 2 3 4 5 6 7 8 9 10 11 Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
71/89
Tutoriel TikZ
TikZ
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
0 1 2 3 4 5 6 7 8 9 10 11 Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples

\uncover<2->{ \node[evenement] (debut) at (4,-\z)
{il etait une fois}; }
71/89
Tutoriel TikZ
TikZ
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
0 1 2 3 4 5 6 7 8 9 10 11 Vite fait, bien

fait
La puissance de
TikZ
Logiciels


\uncover<3->{ ... "une reine"... };
71/89
Tutoriel TikZ
TikZ
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
0 1 2 3 4 5 6 7 8 9 10 11 Vite fait, bien

fait
La puissance de
TikZ
Logiciels


\uncover<3->{ ... "une reine"... };
71/89
Tutoriel TikZ
Exemple 2
TikZ
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
72/89
Tutoriel TikZ
Exemple 2
TikZ
Concepts de base
Graphes
Noeuds
A B C Arcs
Étiquettes
2D/3D
D Vite fait, bien
fait
E F La puissance de
TikZ
Logiciels
Les multiples
\def\hA{2}
\tikzstyle{noeud}=[draw,circle,inner sep=2pt]
\node[noeud] (A) at (0,\hA) {A};
\node[noeud] (B) at (2,\hA) {B};
\node[noeud] (C) at (4,\hA){C};
\node[noeud] (D) at (5,\hA/2){D};
\node[noeud] (E) at (1,0){E};
\node[noeud] (F) at (3,0){F};
73/89
Tutoriel TikZ
Exemple 2
TikZ
Concepts de base
Graphes
Noeuds
A B C Arcs
Étiquettes
2D/3D
D Vite fait, bien

fait
E F La puissance de
TikZ
Logiciels
Les multiples
\foreach \n in {B,C,D}
\draw[->,blue] (\n)--++(0.5,0.8);
\foreach \n in {A,E,F}
\draw[<-,red] (\n)--++(-0.5,-0.8);
73/89
Tutoriel TikZ
Exemple 2
TikZ
Concepts de base
Graphes
Noeuds
A B C Arcs
Étiquettes
2D/3D
D Vite fait, bien

fait
E F La puissance de
TikZ
Logiciels
Les multiples
\foreach \n in {B,C,D}
\draw[->,blue] (\n)--++(0.5,0.8);
\foreach \n in {A,E,F}
\draw[<-,red] (\n)--++(-0.5,-0.8);
\foreach \a/\b in {A/B,B/C,E/F,F/D,E/B,B/F,F/C,C/D}

\draw[->,thick] (\a)--(\b);
73/89
Tutoriel TikZ
Exemple 2
TikZ
Concepts de base
sortie
Graphes
Noeuds
A B C Arcs
Étiquettes
2D/3D
entrées D Vite fait, bien

fait
E F La puissance de
TikZ
Logiciels
Les multiples
\node[red] at (0,\hA/2) {entrées};

\node[blue] at (5,\hA+1) {sortie};
73/89
Tutoriel TikZ
Exemple 2
TikZ
Concepts de base
sortie
Graphes
Noeuds
A B C Arcs
Étiquettes
2D/3D

fait
E F La puissance de
TikZ
Logiciels
Les multiples
\node[red] at (0,\hA/2) {entrées};

\node[blue] at (5,\hA+1) {sortie};
\draw[step=0.2cm,help lines] (0,0) grid (6,4);
73/89
Tutoriel TikZ
Exemple 2
TikZ
sortie Concepts de base
Graphes
Noeuds
A B C Arcs
Étiquettes
2D/3D

fait
E F La puissance de
TikZ
Logiciels
Les multiples
\node[red] at (-0.2,\hA/2-0.2) {entrées};

\node[blue] at (5-0.2,\hA+1+0.2) {sortie};
73/89
Tutoriel TikZ
Exemple 2
TikZ
sortie Concepts de base
Graphes
Noeuds
A B C Arcs
Étiquettes
2D/3D

fait
E F La puissance de
TikZ
Logiciels
Les multiples
73/89
Tutoriel TikZ
Résumé
I définir des noeuds ou des coordonnées TikZ
\coordinate (A) at (0,1); (utile si on Concepts de base
veut seulement réutiliser le point) Graphes

Noeuds
I définir des styles tikzstyle (voir aussi Arcs

Étiquettes
\tikzset) 2D/3D
Vite fait, bien

I définir des variables def ou newcommand fait
La puissance de
I coordonnées relatives --++ TikZ
Logiciels
I afficher la grille grid Les multiples
I utiliser les boucles: \foreach
74/89
Tutoriel TikZ
TikZ
Concepts de base
Graphes
Noeuds
Section 5 Arcs
Étiquettes
2D/3D
Vite fait, bien

La puissance de TikZ fait
La puissance de
TikZ
Logiciels
Les multiples
75/89
Tutoriel TikZ
La puissance de Tikz
TikZ TikZ
Concepts de base
Graphes
Concepts de base Noeuds
Arcs
Étiquettes
Graphes 2D/3D
Vite fait, bien

fait
Vite fait, bien fait La puissance de

TikZ
Logiciels
Les multiples
La puissance de TikZ
Logiciels
Les multiples possibilités de Tikz
76/89
Tutoriel TikZ
Accolades
TikZ
Concepts de base
n1 n2 Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
n3 n4
La puissance de
TikZ
Logiciels
Les multiples
77/89
Tutoriel TikZ
Accolades
noeuds du haut
TikZ
Concepts de base
n1 n2 Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
n3 n4
La puissance de
TikZ
Logiciels
Les multiples
\usetikzlibrary{decorations.pathreplacing}
\draw[decorate, decoration={brace,amplitude=10pt,
raise=2pt}] (n1.north west) --(n2.north east)
node [midway, below=13pt] {noeuds du bas};
77/89
Tutoriel TikZ
Accolades
noeuds du haut
TikZ
Concepts de base
n1 n2 Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
n3 n4
La puissance de
TikZ
Logiciels
noeuds du bas Les multiples

raise=2pt, mirror }] (n3.south west) --(n4.south east)
node [midway, below=13pt] {noeuds du bas};
77/89
Tutoriel TikZ
Accolades
noeuds du haut
TikZ
Concepts de base
n1 n2 Graphes
Noeuds
Arcs
noeuds de gauche noeuds de droite Étiquettes

2D/3D
Vite fait, bien

fait
n3 n4
La puissance de
TikZ
Logiciels
noeuds du bas Les multiples

raise=2pt}] (n3.south west) --(n1.north west)
node [midway, left=10pt] {noeuds de gauche};
\draw[decorate, decoration={brace,amplitude=10pt,mirror,
raise=2pt}] (n4.south east) --(n2.north east)
node [midway, right= 10pt] {noeuds de droite};
77/89
Tutoriel TikZ
Arc de forme arbitraire
TikZ
(3,3)
Concepts de base
(-2, 2.5)
Graphes
Noeuds
(5,2)
Arcs
(-3, 1.5) (3, 1.5) Étiquettes
n1 n2 2D/3D
Vite fait, bien

(-1,0.5) fait
La puissance de
TikZ
Logiciels
Les multiples
(2.5,-0.5) possibilités de Tikz
\draw[->, -triangle 60] plot[smooth, tension=0.7]

coordinates {(n1.45) (-2,2.5) (-1,0.5) (2.5,-0.5) (5,2)
(3,3) (n2.95)};
78/89
Tutoriel TikZ
TikZ
(3,3)
Concepts de base
(-2, 2.5)
Graphes
Noeuds
(5,2)
Arcs
(-3, 1.5) (3, 1.5) Étiquettes
n1 n2 2D/3D
Vite fait, bien

(-1,0.5) fait
La puissance de
TikZ
Logiciels
Les multiples
\draw[->, -triangle 60] plot[smooth, tension=0.2]

coordinates {(n1.45) (-2,2.5) (-1,0.5) (2.5,-0.5) (5,2)
(3,3) (n2.95)};
78/89
Tutoriel TikZ
TikZ
(3,3)
Concepts de base
(-2, 2.5)
Graphes
Noeuds
(5,2)
Arcs
(-3, 1.5) (3, 1.5) Étiquettes
n1 n2 2D/3D
Vite fait, bien

(-1,0.5) fait
La puissance de
TikZ
Logiciels
Les multiples
\draw[->, -triangle 60] plot[smooth, tension=2]

coordinates {(n1.45) (-2,2.5) (-1,0.5) (2.5,-0.5) (5,2)
(3,3) (n2.95)};
78/89
TikzEdt
Tutoriel TikZ
TikzEdt
Avantages Inconvénients
TikZ
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
80/89
Tutoriel TikZ
TikzEdt
TikZ
I Éditeur WYSIWYG Concepts de base
Graphes
I Permet la modification du Noeuds
code Arcs
Étiquettes
2D/3D
I Simple d’utilisation
Vite fait, bien
fait
La puissance de
TikZ
Logiciels
Les multiples
80/89
Tutoriel TikZ
TikzEdt
TikZ
I Éditeur WYSIWYG I Windows seulement Concepts de base
I Permet la modification du I Ne supporte pas les Graphes

Noeuds
code animations Beamer Arcs

Étiquettes
I Simple d’utilisation I Incorporation de librairies 2D/3D
Vite fait, bien

difficiles fait
La puissance de
TikZ
Logiciels
Les multiples
80/89
Tutoriel TikZ
TikzEdt
TikZ
I Éditeur WYSIWYG I Windows seulement Concepts de base
I Permet la modification du I Ne supporte pas les Graphes

Noeuds
code animations Beamer Arcs

Étiquettes
I Simple d’utilisation I Incorporation de librairies 2D/3D
Vite fait, bien

difficiles fait
La puissance de
Verdict : TikZ
Logiciels
Placer les éléments avec TikzEdt. Les multiples
Styliser dans votre éditeur LATEX.
80/89
GeoGebra
Tutoriel TikZ
Geogebra
TikZ
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
82/89
Tutoriel TikZ
Geogebra
TikZ
I Éditeur WYSIWYG Concepts de base
Graphes
I Maths Noeuds
Arcs
I Figure géométrique Étiquettes
2D/3D
I Facile de faire des figures Vite fait, bien
complexes ou en 3d fait
La puissance de
TikZ
Logiciels
Les multiples
82/89
Tutoriel TikZ
Geogebra
TikZ
I Éditeur WYSIWYG I Donne un code difficile à Concepts de base
I Maths modifier Graphes

Noeuds
I Figure géométrique I Contrôle de certains Arcs

Étiquettes
attributs long 2D/3D

I Facile de faire des figures Vite fait, bien
complexes ou en 3d fait
La puissance de
TikZ
Logiciels
Les multiples
82/89
Tutoriel TikZ
Intégrer une figure jpg/png
TikZ
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
Eve 2D/3D
Vite fait, bien

fait
Alice Bob La puissance de

TikZ
Logiciels
Les multiples
Cryptographie 101
83/89
Tutoriel TikZ
Intégrer une figure jpg/png
"Remplir" le noeud par une image:
TikZ
\node[inner sep=0pt] (trump) at (0,0)
{\includegraphics[width=2cm]{trump.jpg}}; Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
Alice Bob La puissance de

TikZ
Logiciels
Les multiples
Cryptographie 101
83/89
Tutoriel TikZ
Tracer une fonction
TikZ
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
\draw [<->] (0,3) - (0,0) - (5,0);

\draw[red, thick, domain=0:5] plot[samples=200] (\x,
{sqrt(\x)});
I samples= nb de points utilisés dans le tracé (défaut=25)

I Fonctions définis: sqrt, cos, sin, tan, exp, ln, floor ...
I Fonction paramétriques, polaires
84/89
Tutoriel TikZ
Tracer une fonction
y TikZ
Concepts de base
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
0 1 2 3 4 x TikZ
Logiciels
Les multiples
\draw [<->] (0,3) - (0,0) - (5,0);

{sqrt(\x)});
\node[below] at (5,0) x;
\node[left] at (0,3) y;
\foreach \x in {0,1,...,4} \draw(\x,2pt)--++(0,-4pt)
node[below]\small\x;
84/89
Tutoriel TikZ
Tracer une fonction
y TikZ
√ Concepts de base
x
Graphes
Noeuds
Arcs
0 x)
f (
Étiquettes
R4 √ 2D/3D
3 xdx
Vite fait, bien
fait
La puissance de
0 1 2 3 4 x TikZ
Logiciels
Les multiples
\draw [<->] (0,3) - (0,0) - (5,0);

{sqrt(\x)});
\filldraw[fill=gray!30,draw=gray!80] (3,0) -- (3,1.73) --

plot[domain=3:4] (\x, {sqrt(\x)}) -- (4,0)--cycle;
84/89
Tutoriel TikZ
Pour des fonctions plus compliquées
Utiliser le package Tikz+PGFPLOTS
TikZ
Concepts de base
\usepackage{pgfplots}
Graphes
Noeuds
Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
Logiciels
Les multiples
Exemples: http://pgfplots.net/
Tutoriel (fr):
http://bertrandmasson.free.fr/index.php?article28/
comment-faire-de-beaux-graphiques-avec-tikz-et-pgfplots
85/89
Tutoriel TikZ
Construire un arbre
TikZ
Racine Concepts de base
Graphes
Noeuds
N1 N2 Arcs
y Étiquettes
2D/3D
Vite fait, bien

F1 F2 F3 F4 F5 fait
La puissance de
TikZ
\node[noeud=green] {Racine} Logiciels
Les multiples
child { node[noeud=blue]{N1} possibilités de Tikz
child { node[noeud]{F1} }
}
child { node[noeud=blue]{N2}
};
86/89
Tutoriel TikZ
Construire un arbre
TikZ
Graphes
Noeuds
N1 N2 Arcs
y Étiquettes
2D/3D
Vite fait, bien

F1 F2 F3 F4 F5 fait
La puissance de
TikZ
\node[noeud=green] {Racine} Logiciels
Les multiples
child { node[noeud=blue]{N1} possibilités de Tikz
child { node[noeud]{F1} edge from parent
node[above left] {y}}
}
child { node[noeud=blue]{N2}
};
86/89
Tutoriel TikZ
Construire un arbre
TikZ
Graphes
Noeuds
N1 N2 Arcs
y Étiquettes
2D/3D
Vite fait, bien

F1 F2 F3 F4 F5 fait
La puissance de
TikZ
Gestion des niveaux: Logiciels
Les multiples
\tikzstyle{level 1}=[level distance=1.5cm,sibling possibilités de Tikz
distance=6cm]
\tikzstyle{level 2}=[level distance=1.5cm,sibling
distance=2cm]
86/89
Tutoriel TikZ
Construire un arbre très rapidement
Outil de création rapide d’un arbre en ligne: http:
TikZ
//math.et.info.free.fr/TikZ/Arbres.html En
Concepts de base
2 minute Graphes
Noeuds
Arcs
Jeu
Étiquettes
2D/3D
Vite fait, bien

0.50 0.20 0.30 fait
La puissance de
TikZ
Logiciels
cool super pas mal Les multiples

0.25 0.75 0.50 0.50 1
génial bof génial nul pas mal
87/89
Tutoriel TikZ
Références
TikZ
Concepts de base
Graphes
Jacques Crémer. Noeuds
A very minimal introduction to TikZ. Arcs

Étiquettes
2011. 2D/3D
Vite fait, bien

Till Tantau. fait
The TikZ and PGF Packages. La puissance de

TikZ
Institut für Theoretische Informatik, November 2012. Logiciels
Les multiples
Gérad Tisseau and Jacques Duma.
TikZ pour l’impatient.
2012.
88/89
Tutoriel TikZ
TikZ
Concepts de base
Graphes
Merci pour votre attention! Noeuds

Arcs
Étiquettes
2D/3D
Vite fait, bien

fait
La puissance de
TikZ
c
Copyright 2017–2018 Luciano Costa, Lucie Desfontaines, Logiciels
Les multiples
Frédéric Quesnel, Gerad possibilités de Tikz
89/89

Tutorietikz 2018 Combine

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Tutorietikz 2018 Combine

Transféré par

Droits d'auteur :

Formats disponibles

Tutoriel TikZ

Introduction à TikZ Concepts de base

Luciano Costa Étiquettes

n11 n21 n31 n41

s1 n12 n22 n32 n42 s2

n13 n23 n33 n43 HEC Montréal Les multiples

Vite fait, bien

Vite fait, bien

PGF (Portable Graphics Format) Graphes

PGF (Portable Graphics Format) Graphes

Vite fait, bien

Vite fait, bien

\begin{tikzpicture} Concepts de base

\draw (0,0) -- (2,3); Graphes

Vite fait, bien

I (0,0) -- (2,3) coordonnées des points. Par default, les

Vite fait, bien

Vite fait, bien

qui englobe la figure dessinée! Graphes

Vite fait, bien

Soit la ligne \tikz \draw (0,0) -- (3,0);, elle a été

Soit la ligne , elle a été placée au milieu du texte.

La Figure 1 illustre l’utilisation de TikZ comme figure LATEX. Concepts de base

\draw (0,0) -- (0,2) -- (2,2) Vite fait, bien

\label{fig:exemple_tikz} exemple TikZ

Prenons le carré dessiné précédemment: Graphes

Prenons le carré dessiné précédemment: TikZ

\draw (0,0) -- (0,2) -- (2,2) 2D/3D

-- (2,0) -- (0,0); Vite fait, bien

Comment on peut faire un carré 2× plus

Figure 2: Carré 2× plus grand Les multiples

Figure 2: Carré 2× plus grand Les multiples

Vite fait, bien

Vite fait, bien

\end{tikzpicture} Vite fait, bien

Figure 4: Carré 2× plus Les multiples

Vite fait, bien

\draw (0,0) -- (0,2) -- (2,2)

Ti\textit{k}Z} Figure 6: Le premier fait

\label{fig:exemple_tikz3} exemple TikZ La puissance de

Vite fait, bien

\begin{tikzpicture} Vite fait, bien

TikZ possède des commandes spéciales qui nous permettent de dessiner

\draw (0,0) rectangle (3,3); 2D/3D

\end{tikzpicture} Vite fait, bien

I (0,0) le point initale de l’arc

\draw (0,0) ellipse (3cm and 1cm); Arcs

Vite fait, bien

Vite fait, bien

Vite fait, bien

Vite fait, bien

\draw (0,0) -- (3,3); TikZ

\draw[->] (2,0) -- (5,3); Concepts de base

\draw[>->] (4,0) -- (7,3); Graphes

Vite fait, bien

\draw (0,0) -- (3,3); TikZ

\draw[-|] (2,0) -- (5,3); Concepts de base

\draw[|-] (4,0) -- (7,3); Graphes

Vite fait, bien

\begin{tikzpicture} Vite fait, bien

\draw[->] (0,0.5) -- (1.5,0.5); \draw (1.5,0.5) -- (3,0.5);

\begin{tikzpicture} Concepts de base

\draw [<->] (0,3) -- (0,0) -- (3,0); Graphes