Merancang Visualisasi Data

Jenis Grafik & Tipologi Data

Encodings

Memetakan nilai data ke atribut visual.

Data yang Sama, Ditampilkan dengan Cara Berbeda

Data yang Sama, Ditampilkan dengan Cara Berbeda

Data yang Sama, Penekanan yang Berbeda

Data yang Sama, Penekanan yang Berbeda

Source: Data to Viz

Source: Data to Viz

Haruskah Selalu Dimulai dari Nol?

Source: “Hands-On Data Visualization” by Jack Dougherty & Ilya Ilyankou

More on the topic: Correl, Bertini & Francoeri 2020 and Witt (2019)

Haruskah Selalu Dimulai dari Nol?

Haruskah Selalu Dimulai dari Nol?

Haruskah Selalu Dimulai dari Nol?

Source: “Hands-On Data Visualization” by Jack Dougherty & Ilya Ilyankou

Data yang Sama, Skala yang Berbeda

Data yang Sama, Skala yang Berbeda

“Russia attacks Ukraine” by SCMP Graphic (South China Morning Post)

“Russia attacks Ukraine” by SCMP Graphic (South China Morning Post)

“Russia attacks Ukraine” by SCMP Graphic (South China Morning Post)

“Russia attacks Ukraine” by SCMP Graphic (South China Morning Post)

Data yang Sama, Warna yang Berbeda

Data yang Sama, Warna yang Berbeda

Data yang Sama, Warna yang Berbeda

Jenis Palet Warna: Semakin Gelap, Semakin Banyak

Jenis Palet Warna: Semakin Gelap, Semakin Banyak (?)

Jenis Palet Warna

Jenis Palet Warna: Sequential atau Diverging

Jenis Palet Warna: Titik Tengah (Midpoint)

Jenis Palet Warna

Pemilihan Grafik

Jenis Grafik untuk…

Visualisasi Sebaran Data

Visualisasi Sebaran Data

Visualisasi Sebaran Data

Membandingkan Sebaran Data

Membandingkan Sebaran Data

Membandingkan Sebaran Data

Membandingkan Sebaran Data

Membandingkan Sebaran Data

Membandingkan Sebaran Data

Membandingkan Jumlah

Membandingkan Jumlah

Membandingkan Jumlah

Membandingkan Jumlah

Membandingkan Jumlah

Membandingkan Jumlah

Membandingkan Jumlah

Membandingkan Jumlah

Membandingkan Jumlah

Compare Proportions

Membandingkan Proporsi

Membandingkan Proporsi

Membandingkan Proporsi

Membandingkan Proporsi

Membandingkan Proporsi

Visualisasi Hubungan Antar Data

Visualisasi Hubungan Antar Data

Visualisasi Hubungan Antardata

Visualisasi Hubungan Antardata

Visualisasi Hubungan Antardata

Visualisasi Hubungan Antardata

Visualisasi Hubungan Antardata

Visualisasi Hubungan Antardata

Visualisasi Hubungan Antardata

Membandingkan Hubungan Antardata

Membandingkan Hubungan Antar Data

Membandingkan Hubungan Antardata

:::: ::: :::

::::

Membandingkan Hubungan Antardata

Mengatasi Masalah Umum pada Grafik

Masalah Overplotting (Tumpang Tindih Data)

Spaghetti Plots

Spaghetti Plots

Spaghetti Plots

Spaghetti Plots

Spaghetti Plots

Masalah Stacked Bars

Masalah Stacked Bars

Masalah Stacked Bars

Masalah Stacked Bars

Masalah Stacked Bars

Exercises

Latihan 1

Diskusikan grafik berikut.

Apa pesan utama dari grafik ini?
Apakah jenis grafik yang digunakan sudah tepat?
Apakah ada jenis grafik lain yang lebih baik?
Buat versi alternatifnya dengan menggunakan jenis grafik yang berbeda.

Latihan 1

Market share of visits to social network sites in November 2017,
found in the blog post on “Why you shouldn’t use pie charts” by The University of Melbourne