Langsung ke konten

Gambar dengan TikZ

Di dalam tikzpicture, tulis perintah path seperti \draw (0,0) -- (2,1);, \draw (1,1) circle (0.5);, atau \fill[blue] (0,0) rectangle (1,1);, masing-masing diakhiri titik koma.

Garis dan koordinat

Muat TikZ dengan \usepackage{tikz}. Sebuah gambar berada di dalam tikzpicture. \draw menggoreskan sebuah path, dan -- menghubungkan titik-titik dengan garis lurus. Koordinat biasa seperti (2,1) dinyatakan dalam sentimeter.

Garis patah, segitiga tertutup, dan kisi

LaTeXPreambul: \usepackage{tikz}Buka di editor (terbuka di tab baru)
\begin{tikzpicture}
  \draw[help lines] (0,0) grid (5,3);
  \draw[thick] (0,0) -- (1,2) -- (2,1) -- (3,2.5);
  \draw[blue, fill=blue!15] (3.5,0.5) -- (5,0.5) -- (4.25,2) -- cycle;
\end{tikzpicture}

-- cycle menutup path kembali ke titik awalnya, sehingga isian punya sudut yang rapi.

Bentuk

PathMenggambar
(0,0) rectangle (2,1)persegi panjang dari satu sudut ke sudut lainnya
(1,1) circle (0.5) atau circle[radius=0.5]lingkaran di sekitar titik pusat
(1,1) ellipse (1 and 0.5)elips dengan dua jari-jari
(1,0) arc (0:90:1) atau arc[start angle=0, end angle=90, radius=1]busur dari titik saat ini
(0,0) grid (3,2)garis kisi berjarak 1 cm (step=0.5 untuk jarak lain)
(0,0) .. controls (1,1) and (2,1) .. (3,0)kurva Bézier
(0,0) to[out=90, in=180] (2,2)kurva yang keluar dan masuk pada sudut tertentu

Persegi panjang, lingkaran, elips, busur, dan kurva

LaTeXPreambul: \usepackage{tikz}Buka di editor (terbuka di tab baru)
\begin{tikzpicture}
  \draw[rounded corners, fill=yellow!30] (0,0) rectangle (2,1.2);
  \draw[red, fill=red!20] (3,0.6) circle (0.6);
  \draw[teal, thick] (5,0.6) ellipse (0.9 and 0.5);
  \draw[->, thick] (7.2,0) arc (0:90:1);
  \draw[purple, thick] (0,-1.5) .. controls (1,0) and (2,-3) .. (3,-1.5);
  \draw[orange, thick] (4,-2) to[out=90, in=180] (6,-1);
\end{tikzpicture}

Warna, tebal garis, dan garis putus-putus

Opsi dalam kurung siku mengatur gaya path. Nama warna saja mengatur goresannya; fill= mengisi bentuk, dan \fill mengisi tanpa goresan. \filldraw melakukan keduanya.

Tebal garis, pola putus-putus, warna, dan opasitas

LaTeXPreambul: \usepackage{tikz}Buka di editor (terbuka di tab baru)
\begin{tikzpicture}
  \draw[ultra thin]  (0,2) -- (3,2);
  \draw[thick]       (0,1.6) -- (3,1.6);
  \draw[line width=3pt, blue!60] (0,1.2) -- (3,1.2);
  \draw[dashed]      (0,0.8) -- (3,0.8);
  \draw[dotted, thick] (0,0.4) -- (3,0.4);
  \draw[dash pattern=on 6pt off 2pt on 1pt off 2pt] (0,0) -- (3,0);
  \fill[green!50!black] (4,1) circle (0.5);
  \filldraw[fill=orange, draw=black, opacity=0.6] (4.5,0.6) rectangle (5.5,1.6);
  \draw[<->, red, thick] (4,-0.2) -- (6,-0.2);
\end{tikzpicture}

Warna bisa berupa nama xcolor apa pun (red, teal, violet ...), campuran seperti blue!30!white, atau warna yang Anda definisikan dengan \definecolor{mine}{HTML}{0072B2}.

Gradasi

\shade mengisi bentuk dengan gradasi warna: left color dan right color (atau top color dan bottom color) untuk gradasi linear, inner color dan outer color untuk gradasi radial, dan ball color untuk bola yang tersinari.

Gradasi linear, radial, dan bola

LaTeXPreambul: \usepackage{tikz}Buka di editor (terbuka di tab baru)
\begin{tikzpicture}
  \shade[left color=blue!60, right color=white] (0,0) rectangle (2.5,1);
  \shade[top color=orange, bottom color=yellow] (3,0) rectangle (4,1);
  \shade[inner color=white, outer color=teal] (5.2,0.5) circle (0.5);
  \shade[ball color=red] (6.7,0.5) circle (0.5);
\end{tikzpicture}

Mengulang dengan foreach

\foreach mengulang sebuah perintah untuk setiap nilai dalam daftar. {0,1,...,5} mengisi langkah-langkah di antaranya. Variabel perulangan bisa dipakai di koordinat, warna, dan teks.

Lingkaran dan label dari perulangan

LaTeXPreambul: \usepackage{tikz}Buka di editor (terbuka di tab baru)
\begin{tikzpicture}
  \foreach \i in {0,1,...,5} {
    \draw[fill=blue!\i0] (1.2*\i,0) circle (0.45);
    \node at (1.2*\i,-0.8) {$\i$};
  }
  \foreach \a in {0,45,...,315}
    \draw[->] (9,0) -- ++(\a:0.9);
\end{tikzpicture}

(\a:0.9) adalah koordinat polar: sudut dan jarak. ++ membuat koordinat relatif terhadap titik sebelumnya.

Scope dan transformasi

scope menerapkan opsi pada semua yang ada di dalamnya: warna, gaya garis, dan transformasi seperti shift, rotate, scale, xscale, dan yscale.

Persegi yang sama, digeser, diputar, dan diskalakan

LaTeXPreambul: \usepackage{tikz}Buka di editor (terbuka di tab baru)
\begin{tikzpicture}
  \draw (0,0) rectangle (1,1);
  \begin{scope}[shift={(2,0)}, rotate=30, red]
    \draw (0,0) rectangle (1,1);
  \end{scope}
  \begin{scope}[shift={(4,0)}, scale=0.5, blue, thick]
    \draw (0,0) rectangle (1,1);
  \end{scope}
  \begin{scope}[shift={(5.5,0)}, xscale=2, dashed]
    \draw (0,0) rectangle (1,1);
  \end{scope}
\end{tikzpicture}

Gambar kecil di dalam teks

\tikz menggambar gambar kecil di dalam paragraf, seperti titik berwarna di samping sebuah kata. Tulis path-nya langsung sesudahnya, diakhiri titik koma.

\tikz di dalam kalimat

LaTeXPreambul: \usepackage{tikz}Buka di editor (terbuka di tab baru)
Status: \tikz \fill[green!60!black] (0,0) circle (3pt); running,
\tikz \fill[red] (0,0) circle (3pt); stopped.

Apa yang berbeda dari instalasi TeX

Manual TikZ adalah bagian dari PGF di CTAN: ctan.org/pkg/pgf. Untuk plot dengan sumbu, pakai pgfplots.

Tanya jawab

Bagaimana cara menggambar lingkaran di LaTeX?

Muat TikZ lalu tulis \begin{tikzpicture} \draw (0,0) circle (1); \end{tikzpicture}. Nilai di dalam tanda kurung adalah jari-jari dalam sentimeter.

Satuan apa yang dipakai koordinat TikZ?

Angka biasa berarti sentimeter. Anda juga bisa menulis satuannya, misalnya (2pt,1mm) atau (1in,0).

Bagaimana cara mengisi bentuk dengan warna?

Pakai \fill[blue] ...; untuk isian tanpa garis tepi, atau \draw[fill=blue!20] ...; untuk keduanya.

Setiap contoh di halaman ini ditata oleh Scissor LaTeX saat situs dibuat. Terakhir diperbarui 2026-11-07.