Diagram Batang
P
ada kesempatan ini, Admin akan menyajikan artikel tentang cara menggambar diagram batang di LaTeX. Diagram batang adalah diagram atau bagan yang mewakili informasi dengan batang persegi panjang dengan tinggi atau lebar yang sesuai dengan nilai data yang disajikan. Diagram batang umumnya terdiri dari dua jenis yaitu diagram batang vertikal, dan diagram batang horizontal. Berikut ini adalah panduan dalam menggambar diagram batang menggunakan LaTeX.
1. Buka text editor.
2. Untuk kelas dokumen yang akan digunakan adalah kelas article yang dituliskan melalui perintah berikut.
\documentclass{article}
3. Paket yang akan digunakan adalah pgfplots seperti terlihat pada perintah berikut.
\usepackage{pgfplots}
\pgfplotsset{width=10cm,compat=1.5}
4. Kemudian kita akan membuat garis sumbu x dan y melalui perintah berikut.
\begin{axis}
[ybar,
enlargelimits=0.20,
ylabel={\Nilai rata-rata},
xlabel={\Nama Siswa},
symbolic x coords={Abdi, Andi, Bayu, Cindi, Clara, Diva},
xtick=data,
nodes near coords,
nodes near coords align={vertical},]
5. Selanjutnya kita akan menuliskan data untuk sumbu x melalui perintah berikut.
\addplot coordinates {(Abdi,65) (Andi,85) (Bayu,70) (Cindi,80) (Clara,60) (Diva, 90};
\end{axis}
6. Hasil akhir dari panduan di atas adalah tampak seperti gambar berikut.
Selanjutnya untuk membuat diagram batang horizontal kita bisa menggunakan panduan berikut.
1. Untuk kelas dokumen tetap menggunakan kelas dokumen article yang dituliskan melalui perintah berikut.
\documentclass{article}
2. Kemudian di bagian mukadimah kita tuliskan paket-paket yang dibutuhkan untuk menggambar, antara lain sebagai berikut.
\usepackage[indonesian]{babel}
\usepackage{xcolor}
\usepackage{tikz}
3. Kemudian untuk pewarnaan batang-batang diagramnya, kita bisa memilih warna-warna berikut.
\definecolor{abdi}{HTML}{D7191C}
\definecolor{andi}{HTML}{FDAE61}
\definecolor{bayu}{HTML}{ABDDA4}
\definecolor{cindi}{HTML}{2B83BA}
\definecolor{clara}{HTML}{00FFFF}
\definecolor{diva}{HTML}{8A2BE2}
4. Selanjutnya kita akan memberi keterangan tentang diagram batang tersebut, sehingga kita membutuhkan perintah figure yang dituliskan melalui perintah berikut.
\begin{figure}
....
\end{figure}
5. Pada bagian dokumen setelah perintah nomor 4, kita akan membuat skala agar gambar diagram batangnya tidak memenuhi halaman dokumen. Misalkan menggunakan perintah berikut.
\begin{tikzpicture}
[x={(.1,0)}]
...
\end{tikzpicture}
6. Selanjutnya kita akan membuat dua buah ruas garis pada sumbu x dan sumbu y, melalui perintah berikut.
\draw (0,0) -- (100,0);
\draw (0,0) -- (0,6.4);
7. Selanjutnya kita tuliskan nilai-nilai pada sumbu x melalui perintah berikut.
\foreach \x in {10, 20, ..., 100}
{\draw (\x,.2) -- (\x,0) node[below] {\x};}
8. Sedangkan untuk sumbu y melalui perintah berikut.
\foreach \l/\x/\c[count=\y] in {Abdi/65/abdi,
Andi/85/andi,
Bayu/70/bayu,
Cindi/80/cindi, Clara/60/clara, Diva/90/diva}
{\node[left] at (0,\y) {\l};
\fill[\c] (0,\y-.4) rectangle (\x,\y+.4);
\node[right] at (\x, \y) {\x};}
9. Kemudian kita akan memberi caption tentang diagram batang tersebut melalui perintah berikut.
\caption{Diagram Nilai Rata-rata Ujian Matematika}
10. Selanjutnya hasil dari penulisan perintah-perintah di atas akan menghasilkan gambar seperti berikut.
Berikut ini Admin berikan kode lengkap tentang cara menggambar diagram batang horizontal seperti yang Admin uraikan dalam panduan di atas.
\documentclass{article}
\usepackage[indonesian]{babel}
\usepackage{xcolor}
\usepackage{tikz}
%---------Pewarnaan diagram-----------
\definecolor{abdi}{HTML}{D7191C}
\definecolor{andi}{HTML}{FDAE61}
\definecolor{bayu}{HTML}{ABDDA4}
\definecolor{cindi}{HTML}{2B83BA}
\definecolor{clara}{HTML}{00FFFF}
\definecolor{diva}{HTML}{8A2BE2}
\begin{document}
\begin{figure}
\centering
\begin{tikzpicture}
[x={(.1,0)}]
%--------------Garis sumbu x dan y--------------
\draw (0,0) -- (100,0);
\draw (0,0) -- (0,6.4);
%--------------Data pada sumbu y----------------
\foreach \l/\x/\c[count=\y] in {Abdi/65/abdi,
Andi/85/andi,
Bayu/70/bayu,
Cindi/80/cindi, Clara/60/clara, Diva/90/diva}
{\node[left] at (0,\y) {\l};
\fill[\c] (0,\y-.4) rectangle (\x,\y+.4);
\node[right] at (\x, \y) {\x};}
%--------------Data pada sumbu x---------------
\foreach \x in {10, 20, ..., 100}
{\draw (\x,.2) -- (\x,0) node[below] {\x};}
\end{tikzpicture}
%----------------Keterangan diagram------------
\caption{Diagram Nilai Rata-rata Ujian Matematika}
\end{figure}
%---------------Keterangan penulis------------
\hspace{1.3cm}Sidoluhur, 12 Juni 2021\\
\vspace{.3cm}
\hspace{1.7cm}Aan Triono
\end{document}
Demikian langkah demi langkah dalam menggambar diagram batang baik diagram batang vertikal ataupun diagram batang horizontal menggunakan LaTeX. Tentu saja masih banyak cara lain yang bisa digunakan dalam menggambarnya di LaTeX. Jika ada kesalahan mohon dikoreksi dan jika ada masukan silakan tuliskan di sini. Semoga bermanfaat. Terima kasih.
Traktir saya minum kopi dengan cara memberi donasi. klik icon panah di atas. Terima kasih.
Posting Komentar
image quote pre code