Tikz

Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Vous êtes sur la page 1sur 67

TikZ, c’est quoi ?

Utilisation basique Utilisation avancée Exemples Conclusion

Utiliser TikZ

Émeric Tourniaire

Séminaire de Noël
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Vrai titre

Pourquoi vous devriez utiliser TikZ et rien d’autre.


TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Table of contents

TikZ, c’est quoi ?

Utilisation basique

Utilisation avancée

Exemples

Conclusion
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Un moteur de dessins

• Utilisable dans LaTeX


• Figures « codées »
• Syntaxe agréable
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

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 pour l’impatient

• 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

• \path (0,0) -- (1,0);


TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Dessins élémentaires

• \path[draw] (0,0) -- (1,0);


TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Dessins élémentaires

• \draw (0,0) -- (1,0);


TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Dessins élémentaires

• \draw (0,0) -- (1,0);


• \draw (-1,-.5) rectangle ++(3,1);
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Dessins élémentaires

• \draw (0,0) -- (1,0);


• \draw (-1,-.5) rectangle ++(3,1);
• \draw (1,-1) circle (1);
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Dessins élémentaires

• \draw (0,0) -- (1,0);


• \draw (-1,-.5) rectangle ++(3,1);
• \draw (1,-1) circle (1);
• \fill (1,-1) -- (1,-2)
-- (2,-2) -- cycle;
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Dessins élémentaires

• \draw (0,0) -- (1,0);


• \draw (-1,-.5) rectangle ++(3,1);
• \draw (1,-1) circle (1);
• \fill (1,-1) |- (2,-2)
-- cycle;
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Dessins élémentaires

• \draw (0,0) -- (1,0);


• \draw (-1,-.5) rectangle ++(3,1);
• \draw (1,-1) circle (1);
• \fill[fill=blue,line width=2]
(1,-1) |- (2,-2)-- cycle;
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Dessins élémentaires

• \draw (0,0) -- (1,0);


• \draw (-1,-.5) rectangle ++(3,1);
• \draw (1,-1) circle (1);
• \fill[fill=blue,line width=2]
(1,-1) |- (2,-2)-- cycle;
• \draw [->]
(0.5,-2) -- (0.5,-3) ;
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Dessins élémentaires

• \draw (0,0) -- (1,0);


• \draw (-1,-.5) rectangle ++(3,1);
• \draw (1,-1) circle (1);
• \fill[fill=blue,line width=2]
(1,-1) |- (2,-2)-- cycle;
• \draw [->,red,line width=3]
(0.5,-2) -- (0.5,-3) ;
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Dessins élémentaires

• \draw (0,0) -- (1,0);


• \draw (-1,-.5) rectangle ++(3,1);
• \draw (1,-1) circle (1);
• \fill[fill=blue,line width=2]
(1,-1) |- (2,-2)-- cycle;
• \draw [-latex,red,line width=3]
(0.5,-2) -- (0.5,-3) ;
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

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

\draw [help lines] (0,0) grid (4,4);


\draw (2,2) node [draw] {cartésien};
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Placement de nodes

• Coordonnées cartésiennes
• Polaires
polaire

\draw [help lines] (0,0) grid (4,4);


\draw (30:2) node [draw] {polaire};
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Placement de nodes

• Coordonnées cartésiennes
• Polaires
e
lair
po

\draw [help lines] (0,0) grid (4,4);


\draw (30:2) node [draw,rotate=30] {polaire};
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Placement de nodes

• Coordonnées cartésiennes
b
• Polaires
• Milieu de chemin a

\draw [help lines] (0,0) grid (4,4);


\node[draw] (a) at (1,1) {a};
\node[draw] (b) at (3,2) {b};
\draw (a) -| (b);
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Placement de nodes

• Coordonnées cartésiennes
b
• Polaires
• Milieu de chemin a c

\draw [help lines] (0,0) grid (4,4);


\node[draw] (a) at (1,1) {a};
\node[draw] (b) at (3,2) {b};
\draw (a) -| node {c} (b);
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Placement de nodes

• Coordonnées cartésiennes
b
• Polaires
• Milieu de chemin a c

\draw [help lines] (0,0) grid (4,4);


\node[draw] (a) at (1,1) {a};
\node[draw] (b) at (3,2) {b};
\path (a) -| node {c} (b);
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Placement de nodes

• Coordonnées cartésiennes b
• Polaires
• Milieu de chemin
a c

\draw [help lines] (0,0) grid (4,4);


\node[draw] (a) at (1,0.5) {a};
\node[draw] (b) at (3.5,2.2) {b} ;
\path (a) -| node {c} (b);
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Placement de nodes

• Coordonnées cartésiennes
• Polaires
• Milieu de chemin Rectangle
• Ancres

\draw [help lines] (0,0) grid (4,4);


\node[draw] (a) at (2,1) {Rectangle};
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Placement de nodes

• Coordonnées cartésiennes
• Polaires
• Milieu de chemin Rectangle
• Ancres

\draw [help lines] (0,0) grid (4,4);


\node[draw] (a) at (2,1) {Rectangle};
\fill (a.center) circle (1mm);
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Placement de nodes

• Coordonnées cartésiennes
• Polaires
• Milieu de chemin Rectangle
• Ancres

\draw [help lines] (0,0) grid (4,4);


\node[draw] (a) at (2,1) {Rectangle};
\fill (a.west) circle (1mm);
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Placement de nodes

• Coordonnées cartésiennes
• Polaires
• Milieu de chemin Rectangle
• Ancres

\draw [help lines] (0,0) grid (4,4);


\node[draw,anchor=west] (a)
at (2,1) {Rectangle};
\fill (a.west) circle (1mm);
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Placement de nodes

• Coordonnées cartésiennes
• Polaires
• Milieu de chemin avoir Être
• Ancres

\draw [help lines] (0,0) grid (4,4);


\node (a) at (1,1) {avoir};
\node (b) at (2,1) {Être};
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Placement de nodes

• Coordonnées cartésiennes
• Polaires
• Milieu de chemin avoir Être
• Ancres

\draw [help lines] (0,0) grid (4,4);


\node [anchor=base] (a) at (1,1) {avoir};
\node [anchor=base] (b) at (2,1) {Être};
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

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

Boucle for et autre goodies

• 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

Boucle for et autre goodies

• foreach
• clip (dans un scope)

\draw (1,1.5) circle (1.5) ;


\draw (3,1.5) circle (1.5) ;
\clip (3,1.5) circle (1.5) ;
\fill [red] (1,1.5) circle (1.5) ;
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Boucle for et autre goodies

• 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

Boucle for et autre goodies

• 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

Surface de coupure entre


le sommet et la base de
B
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Exemples

edges of n ∩ Bi

vi
x1
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Pré-Conclusion

• Compatible avec LATEX, Plain TEX, pdfTEX. . .


TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Pré-Conclusion

• Compatible avec LATEX, Plain TEX, pdfTEX. . .


• . . . avec minipages, beamer, . . .
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Pré-Conclusion

• Compatible avec LATEX, Plain TEX, pdfTEX. . .


• . . . avec minipages, beamer, . . .
• Syntaxe cohérente
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Pré-Conclusion

• Compatible avec LATEX, Plain TEX, pdfTEX. . .


• . . . avec minipages, beamer, . . .
• Syntaxe cohérente
• Maintenu
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Pré-Conclusion

• Compatible avec LATEX, Plain TEX, pdfTEX. . .


• . . . avec minipages, beamer, . . .
• Syntaxe cohérente
• Maintenu
• Code dans le fichier, compilateur unique
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Pré-Conclusion

• Compatible avec LATEX, Plain TEX, pdfTEX. . .


• . . . avec minipages, beamer, . . .
• Syntaxe cohérente
• Maintenu
• Code dans le fichier, compilateur unique
• Challenging
TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Conclusion

TikZ, c’est bien !


TikZ, c’est quoi ? Utilisation basique Utilisation avancée Exemples Conclusion

Merci de votre attention.

Vous aimerez peut-être aussi