Tikz
Tikz
Tikz
Utiliser TikZ
Émeric Tourniaire
Séminaire de Noël
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Vrai titre
Table of contents
Utilisation basique
Utilisation avancée
Exemples
Conclusion
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Un moteur de dessins
Documentation officielle
• pgfmanual.pdf (google)
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Documentation officielle
• pgfmanual.pdf (google)
• Très bien écrit
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Documentation officielle
• pgfmanual.pdf (google)
• Très bien écrit
• Très bon index
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Documentation officielle
• pgfmanual.pdf (google)
• Très bien écrit
• Très bon index
• Très bons tutoriaux
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Documentation officielle
• pgfmanual.pdf (google)
• Très bien écrit
• Très bon index
• Très bons tutoriaux
• Long. . . (560 pages)
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
• TikZ-impatient.pdf
(google)
• En français.
• Plus court (190 pages. . . )
• Plus de « bidouilles »
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Exemples
ru ata
es
ur
d
ct
s
hm
st
it
g or
al
ua ing
la am o-
gr pr
s
ng m
ge
ical
ct
a
pr
• http://www.texample.
in eer e
gi ar
-
en oftw
net/tikz/examples/
n
s
g
ce
ien
Sc
• Plein d’exemples
er
es
t
pu
as
ab
m
t
Co
da
d
ie
• Aspect « vitrine »
pl
ap
• Code parfois douteux
W
ica
W
t
re
W
eo
th
l
ca
ni
ch
te
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Contexte
• \usepackage{tikz}
• \begin{tikzpicture}
. . . \end{tikzpicture}
• Dans un environnement
figure
• Liste d’instructions séparées \begin{tikzpicture}
\draw[thick,rounded corners=8pt]
par ; (0,0) -- (0,2) -- (1,3.25) -- (2,2)
-- (2,0) -- (0,2) -- (2,2) -- (0,0)
-- (2,0);
\end{tikzpicture}
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Dessins élémentaires
Dessins élémentaires
Dessins élémentaires
Dessins élémentaires
Dessins élémentaires
Dessins élémentaires
Dessins élémentaires
Dessins élémentaires
Dessins élémentaires
Dessins élémentaires
Dessins élémentaires
Noeuds
Plam
• \node (a) at (0,3) {Plam};
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Noeuds
Plam
• \node (a) at (0,3) {Plam};
• \draw (0,0) node (b) {Plim};
Plim
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Noeuds
Plam
• \node (a) at (0,3) {Plam};
• \draw (0,0) node
[draw] (b) {Plim};
Plim
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Noeuds
Plam
• \node (a) at (0,3) {Plam};
• \draw (0,0) node
[draw] (b) {Plim};
• \draw (a) -- (b);
Plim
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Noeuds
Plam
• \node (a) at (0,3) {Plam};
• \draw (0,0) node
[draw] (b) {Plim};
• \draw (a) to [bend left] (b);
Plim
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Noeuds
Plam
• \node (a) at (0,3) {Plam};
• \draw (0,0) node
[draw,ellipse] (b) {Plim};
• \draw (a) to [bend left] (b);
Plim
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Noeuds
Plam
• \node (a) at (0,3) {Plam};
e 2iπ = −1
• \draw (0,0) node
[draw,ellipse] (b) {Plim};
• \draw (a) to [bend left]
node [sloped,above] {$e^...$} ;
Plim
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Transformations géométrique
MOUTON
• Environnement scope
• Rotations, translations
\draw [help lines] (0,0) grid (5,5);
\node [draw,cloud,fill=gray!20,
aspect=2] at (2,2) {MOUTON};
\draw (1,0) -- (3,1) ;
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Transformations géométrique
MOUTON
• Environnement scope
• Rotations, translations
\draw [help lines] (0,0) grid (5,5);
\begin{scope}
\node [draw,cloud,fill=gray!20,
aspect=2] at (2,2) {MOUTON};
\draw (1,0) -- (3,1) ;
\end{scope}
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Transformations géométrique
MOUTON
• Environnement scope
• Rotations, translations
\draw [help lines] (0,0) grid (5,5);
\begin{scope}[red]
\node [draw,cloud,fill=gray!20,
aspect=2] at (2,2) {MOUTON};
\draw (1,0) -- (3,1) ;
\end{scope}
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Transformations géométrique
MOUTON
• Environnement scope
• Rotations, translations
\draw [help lines] (0,0) grid (5,5);
\begin{scope}[rotate=25]
\node [draw,cloud,fill=gray!20,
aspect=2] at (2,2) {MOUTON};
\draw (1,0) -- (3,1) ;
\end{scope}
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Transformations géométrique
MOUTON
• Environnement scope
• Rotations, translations
\draw [help lines] (0,0) grid (5,5);
\begin{scope}[xshift=1cm,
transform canvas={scale=.5}]
\node [draw,cloud,fill=gray!20,
aspect=2] at (2,2) {MOUTON};
\draw (1,0) -- (3,1) ;
\end{scope}
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Placement de nodes
• Coordonnées cartésiennes
cartésien
Placement de nodes
• Coordonnées cartésiennes
• Polaires
polaire
Placement de nodes
• Coordonnées cartésiennes
• Polaires
e
lair
po
Placement de nodes
• Coordonnées cartésiennes
b
• Polaires
• Milieu de chemin a
Placement de nodes
• Coordonnées cartésiennes
b
• Polaires
• Milieu de chemin a c
Placement de nodes
• Coordonnées cartésiennes
b
• Polaires
• Milieu de chemin a c
Placement de nodes
• Coordonnées cartésiennes b
• Polaires
• Milieu de chemin
a c
Placement de nodes
• Coordonnées cartésiennes
• Polaires
• Milieu de chemin Rectangle
• Ancres
Placement de nodes
• Coordonnées cartésiennes
• Polaires
• Milieu de chemin Rectangle
• Ancres
Placement de nodes
• Coordonnées cartésiennes
• Polaires
• Milieu de chemin Rectangle
• Ancres
Placement de nodes
• Coordonnées cartésiennes
• Polaires
• Milieu de chemin Rectangle
• Ancres
Placement de nodes
• Coordonnées cartésiennes
• Polaires
• Milieu de chemin avoir Être
• Ancres
Placement de nodes
• Coordonnées cartésiennes
• Polaires
• Milieu de chemin avoir Être
• Ancres
Placement de nodes
root
• Coordonnées cartésiennes
left right
• Polaires
• Milieu de chemin
• Ancres child child
• Arbres
\node at (2,3.5) {root}
child { node {left} }
child { node {right}
child {node {child}}
child {node {child}}
};
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Placement de nodes
• Coordonnées cartésiennes
• Polaires
• Milieu de chemin
• Ancres
• Arbres
• Geogebra
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
• foreach 0 1 2 3 4 5 6 7 8 9
\foreach \i in {0,...,9}
\draw (\i/2,1) node {\i} ;
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
• foreach
• clip (dans un scope)
• foreach
• clip (dans un scope)
• Transparence
\draw [fill=blue,fill opacity=.5]
(1,1.5) circle (1.5) ;
\draw [fill=green,fill opacity=.5]
(3,1.5) circle (1.5) ;
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
• foreach
• clip (dans un scope)
• Transparence
• ...
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Exemples
A B C D E F G H I J K L M N O P Q R S T U V W X
1 1
2 2
3 3
4 4
5 5
6 6
7 7
8 8
9 9
10 10
11 11
12 12
13 13
14 14
15 15
16 16
17 17
18 18
19 19
20 20
21 21
22 22
23 23
24 24
A B C D E F G H I J K L M N O P Q R S T U V W X
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Exemples
13
12
11
15
16
17
18
19
20
14
1
10
2
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Exemples
22 a/b
22
0,
,2
10
9,
8,
7, 20 a/b
1 a/b/c 5 a/b
4,27
10 a/b
2 6
9 a/b
3 7 a/b
8 a/b
23
4d 4 a/b/c 41,42,43,44
15
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Exemples
Exemples
edges of n ∩ Bi
vi
x1
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion
Pré-Conclusion
Pré-Conclusion
Pré-Conclusion
Pré-Conclusion
Pré-Conclusion
Pré-Conclusion
Conclusion