Tabel statistik menyerahkan angka persis, tetapi perbandingan besar-kecil antar kategori justru lebih cepat ditangkap mata lewat panjang batang daripada lewat deretan sel. Diagram batang adalah grafik paling populer di dunia karena tepat untuk tugas paling umum dalam data: membandingkan antar kategori — menu mana yang paling laku, moda transportasi mana yang paling ramai, kota mana dengan penjualan tertinggi. Chapter ini membangun diagram batang dari data kafe kita, lalu memutuskan tiga desain yang sering dianggap sepele padahal mengubah cara pembaca menangkap pesan: urutan kategori, orientasi batang, dan titik awal sumbu-y. Chapter ditutup dengan dua varian batang untuk data yang punya dua dimensi sekaligus.

Diagram Batang untuk Data Kategorik #

Aturan dasarnya satu kalimat: setiap kategori mendapat satu batang, dan panjang batang mewakili nilai kategori itu. Data yang cocok adalah data kategorik — jenis kopi, moda transportasi, jenis kelamin — yang kita kenali pada chapter Jenis Data di Section Pengumpulan dan Jenis Data. Sumbu horizontal (sumbu-x) memuat nama kategori, sedangkan sumbu vertikal (sumbu-y) memuat nilainya; nilai itu bisa berupa frekuensi (banyaknya kemunculan) maupun agregat lain seperti total penjualan. Tabel berikut adalah data yang akan kita gambar — penjualan rata-rata lima jenis kopi milik kafe kecil kita, sama dengan tabel satu arah pada chapter Tabel Statistik.

Jenis KopiCangkir per Hari
Kopi susu120
Americano85
Latte60
Matcha45
Espresso30
Total340

Karena batang digambar berdasarkan data di atas, seluruh perbandingan yang kita baca nanti dapat diperiksa ulang dari tabel ini — kebiasaan verifikasi yang sama dengan menghitung baris total pada tabel. Diagram batang tidak menambah informasi baru; tugasnya memindahkan perbandingan dari ranah membaca angka ke ranah membandingkan panjang.

Sketsa Diagram Batang dari Data Kopi #

Sebelum versi terender, berikut sketsa bentuknya dalam teks — tinggi batang proporsional terhadap nilai dengan satu baris mewakili 20 cangkir, dibulatkan ke baris terdekat agar sketsa tetap ringkas:

text
cangkir
  120 |  █
  100 |  █
   80 |  █         █
   60 |  █         █         █
   40 |  █         █         █         █
   20 |  █         █         █         █         █
    0 +-------------------------------------------
       Kopi susu  Americano  Latte     Matcha    Espresso

Pesan utamanya tertangkap sebelum satu angka dibaca: kopi susu menjulang jauh di atas yang lain, espresso paling pendek, dan selisih tiap tetangga terlihat bertahap. Secara angka, kopi susu menjual 120 dari total 340 cangkir — 35.29 persen dari seluruh penjualan — tepat empat kali lipat espresso yang hanya 30 cangkir (8.82 persen). Situs ini juga merender diagram Mermaid langsung di halaman, sehingga diagram batang yang sama dapat ditulis sebagai berikut.

Mermaid menggambar lima batang dari data bar [120, 85, 60, 45, 30] dengan sumbu-x berupa lima label kategori dan sumbu-y dari 0 sampai 130. Blok seperti ini berguna untuk dokumen yang perlu digambar cepat; untuk grafik yang lebih bisa disesuaikan — warna, urutan, anotasi — kita akan menggambar sendiri dengan matplotlib pada Section Statistika dengan Python.

Diagram Batang Bukan Histogram #

Kedua grafik ini sama-sama memakai batang, dan kekeliruan antar keduanya adalah kesalahan visualisasi paling umum di lapangan. Pembedanya ada pada data di balik batang, bukan pada bentuknya. Diagram batang dipakai untuk data kategorik: “kopi susu” dan “americano” adalah dua entitas terpisah yang tidak punya urutan matematis, sehingga celah antar batang justru membawa makna — batang yang satu berbeda jenis dengan batang di sebelahnya. Histogram dipakai untuk data numerik yang dikelompokkan ke interval kelas: kelas 60-64 dan 65-69 adalah rentang angka yang bersambungan, sehingga batangnya digambar menempel tanpa celah.

Memilih Urutan Kategori #

Karena kategori nominal tidak punya urutan bawaan, pembuat diagram harus memilih — dan pilihan itu mengubah pengalaman membaca. Urutan alfabetis memudahkan pembaca mencari kategori tertentu (“di mana americano?”), sehingga cocok untuk daftar panjang yang dipakai sebagai rujukan. Urutan menurut nilai — menurun dari tertinggi — mengubah diagram menjadi peringkat: mata langsung menangkap yang tertinggi, posisi kedua, dan kategori dengan nilai terendah tanpa memindai seluruh sumbu. Untuk pesan “menu mana yang paling laku”, urutan nilai lebih mudah dibaca daripada urutan alfabetis, dan itulah urutan yang dipakai sketsa kita di atas.

Satu pengecualian penting: data ordinal seperti tingkat kepuasan (sangat tidak puas sampai sangat puas) atau kelompok umur punya urutan yang bermakna. Urutan itu harus dipertahankan apa adanya — mengurutkan tingkat kepuasan berdasarkan banyaknya responden justru menyembunyikan pola naik-turun yang menjadi inti datanya.

Batang Horizontal atau Vertikal #

Orientasi vertikal adalah bawaan karena sumbu-y sudah tersedia untuk nilai, tetapi orientasi horizontal unggul saat labelnya panjang. Label “Kopi susu” masih muat di bawah batang vertikal, tetapi label seperti “Angkutan umum” atau nama cabang “Yogyakarta Malioboro” akan dipaksa miring atau disingkat. Pada batang horizontal, label berdiri di kiri dan panjangnya bebas. Berikut sketsa data cara ke sekolah dari chapter Tabel Frekuensi dalam orientasi horizontal — satu karakter mewakili satu siswa:

text
Sepeda            ████████████ 12
Jalan kaki        ████████ 8
Angkutan umum     ███████ 7
Diantar keluarga  ███ 3
                  0    4    8   12  siswa

Orientasi horizontal juga lebih nyaman ketika jumlah kategori banyak — lebih banyak baris yang muat pada layar daripada kolom lebar, dan mata memindai daftar ke bawah lebih natural daripada ke samping. Nilai pada ujung batang (12, 8, 7, 3) sengaja dicantumkan karena orientasi horizontal membuat pembacaan angka dari sumbu menjadi kurang presisi.

Grouped dan Stacked Bar #

Dua varian ini menyelesaikan kebutuhan yang muncul saat tiap kategori punya rincian. Data kopi kita punya catatan dua hari:

Jenis KopiSeninSelasa
Kopi susu120130
Americano8595

Grouped bar menggambar dua batang berdampingan di dalam tiap kelompok — batang Senin dan Selasa bersebelahan untuk kopi susu, lalu untuk americano — sehingga pembaca membandingkan nilai antar hari untuk tiap jenis. Stacked bar menumpuk keduanya menjadi satu batang per hari: Senin setinggi 120 + 85 = 205 cangkir dengan segmen kopi susu 58.5 persen dan americano 41.5 persen, Selasa setinggi 130 + 95 = 225 cangkir dengan proporsi 57.8 berbanding 42.2 persen. Pilih grouped saat perbandingan nilai antar hari lebih penting; pilih stacked saat komposisi dan total keseluruhan yang ingin ditonjolkan. Perlu dicatat, segmen yang bertumpuk di tengah (americano pada contoh kita) sulit dibandingkan antar batang karena titik awalnya berbeda.

Jebakan: Memotong Sumbu-y #

Diagram batang mengkodekan nilai sebagai panjang, dan panjang baru adil bila dihitung dari nol. Bila sumbu-y dimulai dari 75 — misalnya demi “membuat perbedaan terlihat” — batang kopi susu tampil setinggi 120 − 75 = 45 unit sementara americano hanya 85 − 75 = 10 unit: rasio visual menjadi 4.5 kali lipat, padahal rasio sebenarnya 120/85 hanya 1.41. Pembaca yang tidak memeriksa sumbu akan menyimpulkan kopi susu empat kali lebih laku, kesimpulan yang tidak didukung datanya. Potongan sumbu seperti ini kadang dibenarkan saat seluruh nilai berada pada rentang sempit, tetapi syaratnya ketat: rentang sumbu dan titik awalnya harus dicetak jelas sehingga pembaca sadar panjang batang tidak lagi sebanding dengan nilai. Latihan membaca berbagai bentuk diagram batang tersedia di Khan Academy , sedangkan anjuran penyajian grafik batang untuk data kategorik dirangkum dalam NIST/SEMATECH e-Handbook .

Diagram batang menuntaskan perbandingan antar kategori, tetapi pertanyaan berikutnya sudah menunggu: bagaimana bentuk sebaran nilai di dalam satu kelompok — berapa banyak siswa di kelompok 60-an, 70-an, 80-an? Pertanyaan itu menyangkut data numerik yang dikelompokkan ke interval, dan bentuk visualnya menuntut batang yang menempel tanpa celah: histogram, topik chapter berikutnya.