Kustomisasi warna

Pengantar Visualisasi Data dengan Plotly di Python

Alex Scriven

Data Scientist

Kustomisasi secara umum

 

Cara kustomisasi plot:

  1. Saat membuat plot, jika ada argumen (seperti color)
  2. Setelah plot dibuat gunakan update_layout()
    • Menerima dictionary
    • fig.update_layout({"title":{"text":"A New Title"}})
Pengantar Visualisasi Data dengan Plotly di Python

Mengapa kustomisasi warna?

 

Kustomisasi warna membantu:

  1. Membuat plot terlihat menarik
  2. Menyampaikan wawasan analitis
    • Warna pada scatter plot ini menambah dimensi ke-3.

   

Warna sebagai spesies

Pengantar Visualisasi Data dengan Plotly di Python

Teori warna singkat

 

Komputer menggunakan pengkodean RGB untuk menentukan warna:

  • RGB = kode 3 digit (masing-masing 0-255) campuran Red, Green, Blue
    • (0,0,255) adalah biru dan (255,255,0) adalah kuning

$$

$$

Lihat selengkapnya di artikel ini

tabel contoh warna RGB

Pengantar Visualisasi Data dengan Plotly di Python

Menentukan warna di plotly.express

 

  • Argumen color (kolom DataFrame)
    • Tiap kategori mendapat warna (otomatis)
    • Skala warna dipakai untuk kolom numerik

 

fig = px.bar(data_frame=student_scores, 
      x="student_name", 
      y="score", 
      title="Student Scores by Student"
      color="city")
fig.show()
Pengantar Visualisasi Data dengan Plotly di Python

Warna kita terungkap

Plot sebelum:

Diagram batang tanpa warna

Plot sesudah:

Diagram batang berwarna

Pengantar Visualisasi Data dengan Plotly di Python

Warna pada plot univariat

 

Menggunakan argumen color di plotly.express untuk plot univariat (bar, histogram):

  • Histogram - batang ditumpuk
  • Box plot - menghasilkan beberapa plot

Histogram bertumpuk dengan warna

boxplot berdampingan dengan warna

Pengantar Visualisasi Data dengan Plotly di Python

Warna spesifik di plotly.express

 

  • color_discrete_map: Kamus yang memetakan nilai kategorikal ke warna
  • Warna (dasar) juga bisa ditulis sebagai string seperti "red", "green", dll.
Pengantar Visualisasi Data dengan Plotly di Python

Warna spesifik kita

$$

fig = px.bar(
    data_frame=student_scores, 
    x="student_name", y="score", 
    title="Student Scores by Student",

    color_discrete_map={
    "Melbourne": "rgb(0,0,128)",
    "Sydney": "rgb(235, 207, 52)"},

    color="city")

 

Diagram batang dengan warna tertentu

Pengantar Visualisasi Data dengan Plotly di Python

Skala warna di plotly.express

 

  • Skala warna tunggal (hijau muda ke tua)

Skala warna hijau

  • Gradasi campuran (hijau ke biru)

$$

  • Argumen color_continuous_scale untuk skala warna.

Skala warna hijau biru

Pengantar Visualisasi Data dengan Plotly di Python

Menggunakan skala warna bawaan

 

fig = px.bar(data_frame=weekly_temps, 
    x="day", y="temp", 
    color="temp",
    color_continuous_scale="inferno")
fig.show()

 

$$

 

Diagram batang dengan skala inferno

Pengantar Visualisasi Data dengan Plotly di Python

Membangun rentang warna sendiri

 

  • Skala warna kustom (kuning - oranye - merah)
my_scale=[("rgb(242, 238, 10)"),
          ("rgb(242, 95, 10)"), 
          ("rgb(255,0,0)")]

fig = px.bar(data_frame=weekly_temps, 
    x="day", y="temp",

    color_continuous_scale=my_scale,
    color="temp")

 

Diagram batang dengan skala warna sendiri

Pengantar Visualisasi Data dengan Plotly di Python

Ayo berlatih!

Pengantar Visualisasi Data dengan Plotly di Python

Preparing Video For Download...