Menggunakan warna

Memahami Visualisasi Data

Richie Cotton

Data Evangelist at DataCamp

Ruang warna: Red–Green–Blue

shutterstock_1622648830.jpg

Memahami Visualisasi Data

Ruang warna: Cyan–Magenta–Yellow–blacK

shutterstock_505703968.jpg

Memahami Visualisasi Data

Memilih palet untuk plotting

Scatter plot harga vs luas dengan palet warna buruk

  • Biasanya, tiap warna harus sama menonjol.
  • Jarak perseptual antarwarna di plot sebaiknya konstan.
Memahami Visualisasi Data

Ruang warna: Hue–Chroma–Luminans

Kartu warna hue

Memahami Visualisasi Data

Ruang warna: Hue–Chroma–Luminans

Kartu warna kroma dan luminans

Memahami Visualisasi Data

Ruang warna: Hue–Chroma–Luminans

Kartu warna hue, kroma, dan luminans

Memahami Visualisasi Data

Tiga jenis skala warna: kualitatif

Jenis Tujuan Yang diubah
kualitatif Membedakan kategori tak berurut hue

Kartu warna untuk data kualitatif

Memahami Visualisasi Data

Contoh palet kualitatif

Plot garis adopsi teknologi oleh rumah tangga di AS. Sumbu x 1930–1970, sumbu y 0–100 persen. Empat garis: mobil, lemari es, kompor, dan vacuum.

Memahami Visualisasi Data

Tiga jenis skala warna: sekuensial

Jenis Tujuan Yang diubah
sekuensial Menunjukkan urutan kroma atau luminans

Kartu untuk skala warna sekuensial

Memahami Visualisasi Data

Contoh palet sekuensial

Plot batang konsumsi sayur per tahun

Memahami Visualisasi Data

Contoh palet sekuensial lain

Scatter plot lama sekolah vs GNI dengan harapan hidup diwakili warna

1 Skala warna Viridis: https://bids.github.io/colormap
Memahami Visualisasi Data

Tiga jenis skala warna: divergen

Jenis Tujuan Yang diubah
divergen Tunjukkan di atas/bawah titik tengah kroma atau luminans, dengan 2 hue

Kartu warna untuk data divergen

Memahami Visualisasi Data

Dataset survei Green Tech di Malaysia

pertanyaan jawaban n
Menggunakan yang andal dan mudah diperbaiki Sangat Tidak Setuju 4
Menggunakan yang andal dan mudah diperbaiki Tidak Setuju 8
Menggunakan yang andal dan mudah diperbaiki Netral 37
Menggunakan yang andal dan mudah diperbaiki Setuju 52
Menggunakan yang andal dan mudah diperbaiki Sangat Setuju 26
... ... ...
1 Islam et al. (2019) http://dx.doi.org/10.17632/wggvryfhsk.1
Memahami Visualisasi Data

Contoh palet divergen

Plot batang survei Likert

Memahami Visualisasi Data

Ayo berlatih!

Memahami Visualisasi Data

Preparing Video For Download...