> For the complete documentation index, see [llms.txt](https://overleaf-pro.ayaka.space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://overleaf-pro.ayaka.space/latex/id/artikel-mendalam/26-how-to-draw-vector-graphics-using-tikz-in-latex.md).

# Cara menggambar grafik vektor menggunakan TikZ di LaTeX

**Penulis: Cody Herring (Mei 2013)**

### Grafik prosedural di LaTeX: dasar-dasarnya

Secara tradisional, grafis direpresentasikan sebagai bitmap, dengan apa pun mulai dari 1 bit (hitam putih) hingga 24 bit (warna sejati). Ini memungkinkan tampilan grafis yang sederhana pada layar komputer tradisional (persegi panjang). Namun, bisa sulit dan membosankan untuk menghasilkan bitmap yang secara akurat merepresentasikan apa yang seharusnya ditampilkan pada dokumen atau di atas kertas.

Grafik prosedural membantu dalam hal ini dengan memungkinkan sistem yang lebih terdefinisi dengan baik dan lebih mudah dipahami seperti Scalable Vector Graphics (SVG) untuk digunakan. Dengan mendefinisikan vektor, garis, dan bentuk alih-alih piksel individual, gambar dapat dengan mudah dihasilkan untuk berbagai ukuran, rasio aspek, kepadatan piksel, kualitas cetak, dan lainnya. Tutorial ini akan memberikan pengenalan singkat tentang grafik prosedural menggunakan Portable Graphics Format dan TikZ:

* **Format Grafis Portabel** (PGF) adalah perangkat dasar yang memungkinkan pembuatan grafis dan figur sederhana;
* **TikZ** adalah ekstensi untuk PGF, yang memungkinkan penggunaan berbagai figur yang telah dibuat sebelumnya.

Dokumentasi lengkap tentang TikZ dan PGF dapat ditemukan di [Manual PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf).

### Menggunakan PGF dan TikZ

Untuk menggunakan paket TikZ, paket ini harus diimpor:

```latex
\usepackage{tikz}
```

Untuk menggambar, `tikzpicture` environment harus digunakan:

```latex
\begin{tikzpicture}
perintah diletakkan di sini
\end{tikzpicture}
```

### Menggambar dasar

TikZ memungkinkan banyak bentuk dan jalur berbeda untuk digambar. Di sini akan ditunjukkan beberapa teknik menggambar dasar. Teknik-teknik ini dapat digabungkan untuk membentuk gambar yang lebih kompleks.

#### Jalur lurus

Jalur lurus dari satu titik ke titik lain dapat digambar dengan `\draw` perintah sesuai dengan sistem koordinat X/Y (horizontal/vertikal), seperti ini:

```latex
\begin{tikzpicture}
\draw (5,0) -- (-5, 0);
\end{tikzpicture}
```

Beberapa `\draw` pemanggilan juga dapat dirangkai bersama. Ini menggambar sekumpulan sumbu dari -5 hingga +5 pada arah X, dan -2 hingga +2 pada arah Y.

```latex
\begin{tikzpicture}
\draw   (5,0) -- (-5, 0)
        (0,2) -- (0,-2);
\end{tikzpicture}
```

![TikZFigure 1.png](/files/0eccd87129eae6cc9ff98ea286e5b2d22000e841)

Gaya dapat diterapkan pada garis-garis ini dengan menambahkan parameter tambahan. Berikut diagram yang sama, tetapi dengan garis hijau, bertitik, sangat tebal yang diputar 15 derajat berlawanan arah jarum jam:

```latex
\begin{tikzpicture}
\draw[green, dotted, ultra thick, rotate=15]
        (5,0) -- (-5, 0)
        (0,2) -- (0,-2);
\end{tikzpicture}
```

![TiKZFigure 2.png](/files/00d2c842c0d99907684425090a74199e0574498b)

#### Mengubah ukuran diagram

Terkadang ukuran default sebuah diagram terlalu besar atau terlalu kecil. Dengan menggunakan `scale` parameter saat mendeklarasikan `tikzpicture` environment, ukuran yang berbeda dapat dibuat sambil mempertahankan proporsi yang sama:

```latex
\begin{tikzpicture}[scale=0.3]
\draw   (5,0) -- (-5, 0)
        (0,2) -- (0,-2);
\end{tikzpicture}
```

Gambar berikut menunjukkan efek sebelum dan sesudah menerapkan `[scale=0.3]`:

![TiKZFigure 3.png](/files/110046fb2d2252f8a4cd24dbe067b10b19d1170e)

#### Menambahkan ujung panah

Panah dapat berguna untuk grafik dan diagram, dan mudah disertakan dalam gambar TikZ. Gaya yang ditunjukkan sebelumnya dapat digunakan, begitu juga beberapa ujung panah yang berbeda.

```latex
\begin{tikzpicture}
\draw[->](0,0) -- (5,0);
\end{tikzpicture}

\begin{tikzpicture}
\draw[<<->>](0,0) -- (5,0);
\end{tikzpicture}

\begin{tikzpicture}
\draw[<<->>, ultra thick, blue](0,0) -- (5,0);
\end{tikzpicture}

\begin{tikzpicture}
\draw[|->>, thick, red](0,0) -- (5,0);
\end{tikzpicture}
```

![TiKZFigure 4.png](/files/4bcdc1da87874c3e3191950e729b8b7fa60683fc)

### Menggambar kurva

Cara paling sederhana untuk menggambar kurva dengan TikZ adalah dengan menentukan titik awal dan akhir, serta sudut yang diinginkan saat meninggalkan titik awal dan tiba di titik akhir.

```latex
\begin{tikzpicture}
\draw[ultra thick]
(0,0) to [out=75,in=135](3,4);
\end{tikzpicture}
```

![TiKZFigure 5.png](/files/da332a5e8bec868172fdf9e746de09dadd05e765)

Diagram yang jauh lebih kompleks juga dapat dibuat menggunakan pemanggilan berantai. PGF akan berusaha menggambar garis sehalus mungkin menggunakan arah yang diberikan.

```latex
\begin{tikzpicture}
\draw[ultra thick]
(0,0)
to [out=90,in=180] (2,2)
to [out=270,in=0](0,0)
to [out=0,in=90](2,-2)
to [out=180,in=270](0,0)
to [out=270,in=0](-2,-2)
to [out=90,in=180](0,0)
to [out=180,in=270](-2,2)
to [out=0,in=90](0,0);
\end{tikzpicture}
```

![TIkZFigure 6.png](/files/6e36a64152792fd253637fdaf7c06132b1d4b1d7)

### Kesimpulan

Tidak ada habisnya apa yang dapat digambar dengan grafis vektor, dan nilainya dalam memungkinkan diagram dan gambar yang skalabel serta mudah diedit menjadi keuntungan bagi pengguna LaTeX yang mencari cara mudah untuk menggunakan grafis. Tulisan ini hanya mengulas permukaannya saja dari apa yang mungkin dilakukan, tetapi semestinya menjadi pengantar yang baik untuk kemampuan grafis vektor dan lingkungan TikZ/PGF.

Sumber daya tambahan:

* [Pengenalan minimal tentang TikZ](http://cremeronline.com/LaTeX/minimaltikz.pdf);
* [Dokumentasi CTAN tentang TikZ & PGF](http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf);
* [halaman Wiki pelajaran Overleaf](/latex/id/gambar-dan-tabel/05-tikz-package.md).


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://overleaf-pro.ayaka.space/latex/id/artikel-mendalam/26-how-to-draw-vector-graphics-using-tikz-in-latex.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.