Node, panah, dan diagram TikZ
Letakkan setiap kotak dengan \node[draw] (name) {text};, atur posisi kotak berikutnya dengan pustaka positioning (right=of name), lalu hubungkan dengan \draw[->] (a) -- (b);.
Node
Node adalah sepotong teks pada sebuah titik, dengan bingkai bila perlu. draw memberinya garis tepi, fill latar belakang, dan circle atau ellipse bentuk bulat (rectangle adalah bawaannya). Nama di dalam tanda kurung memungkinkan Anda merujuk node itu nanti.
Node dengan bentuk, isian, dan ukuran
\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}Panah antarnode
\draw[->] (a) -- (b); menggambar panah dari node a ke node b. Garisnya dimulai dan berakhir di tepi node, bukan di pusatnya. -| dan |- menggambar sambungan bersiku.
Diagram alir kecil dengan pustaka 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 meletakkan node di sebelah kanan in, berjarak node distance. Arah lainnya adalah left, above, below, dan arah diagonal seperti above right. right=2cm of in mengatur jarak untuk satu node.
Label pada panah dan node
node yang ditulis di tengah sebuah path memberi label pada path itu. above, below, left, right menentukan sisinya, dan midway, near start, near end, atau pos=0.3 posisinya sepanjang path. label=below:text menambahkan label pada sebuah node.
Diagram keadaan dengan sisi melengkung berlabel
\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}Anchor
Setiap node punya anchor di tepinya: north, south, east, west, dan sudut-sudut seperti north east. (box.north) adalah titik di tengah bagian atas box.
Panah dari anchor sebuah 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 pada sebuah node menempatkan node itu sehingga anchor barat-nya berada di titik yang diberikan.
Ujung panah
| Opsi | Ujung | Di Scissor LaTeX |
|---|---|---|
->, <-, <-> | ujung TikZ bawaan | Berfungsi |
-stealth, -latex | ujung stealth dan LaTeX klasik | Berfungsi |
-{Stealth}, -{Latex} (arrows.meta) | ujung yang lebih baru | Berfungsi |
|-| | palang di setiap ujung | Berfungsi |
>={Stealth} pada gambar | ujung yang dipakai oleh -> | Berfungsi |
opsi ujung panah seperti -{Stealth[length=3mm]} | ukuran dan bentuk ujung | Sebagian: ujung digambar dengan ukuran bawaannya |
Ukuran ujung panah mendekati TikZ, tetapi tidak identik.
Apa yang tidak didukung
Fitur-fitur ini bisa dikompilasi di instalasi TeX tetapi tidak di sini. Sebagian besar dilaporkan di tab Masalah.
| Fitur | Apa yang terjadi di Scissor LaTeX | Apa yang ditulis sebagai gantinya |
|---|---|---|
\matrix (dan matrix of nodes) | Seluruh gambar menjadi kotak bergaris putus-putus dengan pesan | Letakkan node dengan at (x,y) atau positioning |
\pic | Seluruh gambar menjadi kotak bergaris putus-putus dengan pesan | Ulangi gambarnya di dalam scope dengan shift |
dekorasi (decorate, decoration=...) | Diabaikan dengan pesan; path digambar polos | Path polos atau putus-putus |
bentuk node dari shapes.geometric (diamond, trapezium ...) | Digambar sebagai persegi panjang, dengan pesan | rectangle, circle, atau ellipse |
garis double | Diabaikan dengan pesan | Dua node atau path |
to[loop above] (lingkaran pada satu node) | Tidak ada lingkaran yang digambar dan tidak ada pesan; labelnya berada di atas node | arc atau kurva .. controls .. dari tepi node |
pin= | Teks pin ditampilkan, tanpa garis pin | label= |
pos= pada path -| atau |- | Label hanya ditempatkan sepanjang kaki kedua, sehingga pos=0.25 jatuh di dekat sudut | Beri label kaki kedua dengan pos=0.75, atau pecah path menjadi dua |
tikz-cd, circuitikz, forest | Gambar ditinggalkan, dengan pesan | TikZ sederhana, atau gambar |
\matrix menjadi placeholder
\begin{tikzpicture}
\matrix[draw] {
\node {a}; & \node {b}; \\
\node {c}; & \node {d}; \\
};
\end{tikzpicture}Tab Masalah: \matrix in a picture is not supported yet
Node diamond digambar sebagai persegi panjang
\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}Tab Masalah: TikZ node option 'diamond' is not supported yet
Manual TikZ (di dalam paket PGF) membahas node, pustaka positioning, dan ujung panah: ctan.org/pkg/pgf. Untuk bentuk dan path, lihat gambar dengan TikZ.
Lihat juga Dasar-dasar TikZ, TikZ, dan Gambar dan citra.
Tanya jawab
Bagaimana cara menggambar diagram alir di LaTeX?
Pakai node TikZ dengan draw untuk kotak-kotaknya, pustaka positioning (right=of a, below=of b) untuk menempatkannya, dan \draw[->] (a) -- (b); untuk panahnya.
Bagaimana cara menaruh teks pada panah di TikZ?
Tulis sebuah node di tengah path: \draw[->] (a) -- node[above] {text} (b);.
Apakah tikz-cd berfungsi di Scissor LaTeX?
Belum. Diagram tikzcd ditinggalkan dengan sebuah pesan. Sebagai gantinya, gambar diagram sederhana dengan node dan panah.
Setiap contoh di halaman ini ditata oleh Scissor LaTeX saat situs dibuat. Terakhir diperbarui 2026-11-07.