TikZ-nodes, pijlen en diagrammen
Plaats elk kader met \node[draw] (name) {text};, zet de volgende neer met de bibliotheek positioning (right=of name) en verbind ze met \draw[->] (a) -- (b);.
Nodes
Een node is een stukje tekst op een punt, eventueel met een kader. draw geeft hem een omlijning, fill een achtergrond, en circle of ellipse een ronde vorm (rectangle is de standaard). Met een naam tussen haakjes kun je later naar de node verwijzen.
Nodes met vormen, vullingen en afmetingen
\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}Pijlen tussen nodes
\draw[->] (a) -- (b); tekent een pijl van node a naar node b. De lijn begint en eindigt bij de randen van de nodes, niet bij hun middelpunt. -| en |- tekenen haakse verbindingen.
Een klein stroomdiagram met de bibliotheek 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 zet de node rechts van in, op een afstand van node distance. De andere richtingen zijn left, above, below en de diagonalen zoals above right. right=2cm of in bepaalt de afstand voor één node.
Labels op pijlen en nodes
Een node midden in een pad geeft dat pad een label. above, below, left, right bepalen de kant, en midway, near start, near end of pos=0.3 de positie langs het pad. label=below:text geeft een node een label.
Een toestandsdiagram met gebogen lijnen met labels
\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}Ankers
Elke node heeft ankers op zijn rand: north, south, east, west en de hoeken zoals north east. (box.north) is het punt midden bovenaan box.
Pijlen vanaf de ankers van een node
\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 op een node plaatst de node zo dat zijn west-anker op het opgegeven punt ligt.
Pijlpunten
| Optie | Punt | In Scissor LaTeX |
|---|---|---|
->, <-, <-> | de standaardpunt van TikZ | Werkt |
-stealth, -latex | de klassieke stealth- en LaTeX-punten | Werkt |
-{Stealth}, -{Latex} (arrows.meta) | de nieuwere punten | Werkt |
|-| | een streepje aan elk uiteinde | Werkt |
>={Stealth} op de figuur | de punt die -> gebruikt | Werkt |
opties voor pijlpunten zoals -{Stealth[length=3mm]} | grootte en vorm van de punt | Deels: de punt wordt in de standaardgrootte getekend |
De grootte van de punten lijkt sterk op die van TikZ, maar is niet identiek.
Wat niet wordt ondersteund
Deze functies compileren in een TeX-installatie, maar niet hier. De meeste worden in het tabblad Problemen gemeld.
| Functie | Wat er in Scissor LaTeX gebeurt | Wat je in plaats daarvan schrijft |
|---|---|---|
\matrix (en matrix of nodes) | De hele figuur wordt een gestippeld kader met een melding | Plaats de nodes met at (x,y) of met positioning |
\pic | De hele figuur wordt een gestippeld kader met een melding | Herhaal de tekening in een scope met shift |
decoraties (decorate, decoration=...) | Genegeerd met een melding; het pad wordt kaal getekend | Een kaal of gestreept pad |
nodevormen uit shapes.geometric (diamond, trapezium ...) | Getekend als rechthoek, met een melding | rectangle, circle of ellipse |
double-lijnen | Genegeerd met een melding | Twee nodes of paden |
to[loop above] (een lus op één node) | Er wordt geen lus getekend en geen melding getoond; het label staat op de node | Een arc of een .. controls ..-curve vanaf de rand van de node |
pin= | De tekst van de pin wordt getoond, zonder de lijn ernaartoe | label= |
pos= op een -|- of |--pad | Het label wordt alleen langs het tweede deel geplaatst, dus pos=0.25 belandt bij de hoek | Geef het tweede deel een label met pos=0.75, of splits het pad in tweeën |
tikz-cd, circuitikz, forest | De figuur wordt weggelaten, met een melding | Eenvoudige TikZ, of een afbeelding |
\matrix wordt een plaatshouder
\begin{tikzpicture}
\matrix[draw] {
\node {a}; & \node {b}; \\
\node {c}; & \node {d}; \\
};
\end{tikzpicture}Tabblad Problemen: \matrix in a picture is not supported yet
Een ruitvormige node wordt als rechthoek getekend
\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}Tabblad Problemen: TikZ node option 'diamond' is not supported yet
De handleiding van TikZ (in het pakket PGF) behandelt nodes, de bibliotheek positioning en pijlpunten: ctan.org/pkg/pgf. Voor vormen en paden, zie tekeningen met TikZ.
Zie ook De basis van TikZ, TikZ en Figuren en afbeeldingen.
Vragen en antwoorden
Hoe teken ik een stroomdiagram in LaTeX?
Gebruik TikZ-nodes met draw voor de kaders, de bibliotheek positioning (right=of a, below=of b) om ze te plaatsen, en \draw[->] (a) -- (b); voor de pijlen.
Hoe zet ik tekst op een pijl in TikZ?
Schrijf een node midden in het pad: \draw[->] (a) -- node[above] {text} (b);.
Werkt tikz-cd in Scissor LaTeX?
Nog niet. Een tikzcd-diagram wordt met een melding weggelaten. Teken eenvoudige diagrammen in plaats daarvan met nodes en pijlen.
Elk voorbeeld op deze pagina wordt door Scissor LaTeX gezet wanneer de site wordt gebouwd. Laatst bijgewerkt op 2026-11-07.