Personalizarea culorilor

Introducere în vizualizarea datelor cu Plotly în Python

Alex Scriven

Data Scientist

Personalizare în general

 

Modalități de personalizare a graficelor:

  1. La crearea graficului, dacă există un argument (precum color)
  2. După creare, folosind update_layout()
    • Primește un dicționar
    • fig.update_layout({"title":{"text":"A New Title"}})
Introducere în vizualizarea datelor cu Plotly în Python

De ce să personalizăm culorile?

 

Personalizarea culorilor poate:

  1. Îmbunătăți aspectul graficelor!
  2. Transmite informații analitice
    • Culoarea în acest scatter plot adaugă o a 3-a dimensiune.

   

Culoare ca specie

Introducere în vizualizarea datelor cu Plotly în Python

Câteva noțiuni de teoria culorilor

 

Calculatoarele folosesc codificarea RGB pentru culori:

  • RGB = cod de 3 cifre (fiecare 0-255) combinând Roșu, Verde, Albastru
    • (0,0,255) este albastru și (255,255,0) este galben

$$

$$

Detalii în acest articol

tabel cu exemple de culori RGB

Introducere în vizualizarea datelor cu Plotly în Python

Specificarea culorilor în plotly.express

 

  • Argumentul color (coloană din DataFrame)
    • Fiecare categorie primește o culoare (automat)
    • Se folosește o scală de culori pentru coloane numerice

 

fig = px.bar(data_frame=student_scores, 
      x="student_name", 
      y="score", 
      title="Student Scores by Student"
      color="city")
fig.show()
Introducere în vizualizarea datelor cu Plotly în Python

Culorile noastre în acțiune

Graficul inițial:

Grafic cu bare fără culori

Graficul final:

Grafic cu bare și culori

Introducere în vizualizarea datelor cu Plotly în Python

Culori în grafice univariate

 

Argumentul color din plotly.express pentru grafice univariate (bare, histogramă):

  • Histograme - bare suprapuse
  • Box plot-uri - generează grafice multiple

Histogramă suprapusă cu culori

Box plot alăturat cu culori

Introducere în vizualizarea datelor cu Plotly în Python

Culori specifice în plotly.express

 

  • color_discrete_map: dicționar care mapează valori categorice la culori
  • Culorile (de bază) pot fi specificate ca șiruri de caractere: "red", "green" etc.
Introducere în vizualizarea datelor cu Plotly în Python

Culorile noastre specifice

$$

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")

 

Grafic cu bare și culori specificate

Introducere în vizualizarea datelor cu Plotly în Python

Scale de culori în plotly.express

 

  • Scală monocromatică (verde deschis la verde închis)

Scală de culori verde

  • Gradient combinat (verde spre albastru)

$$

  • Argumentul color_continuous_scale pentru scale de culori.

Scală de culori verde-albastru

Introducere în vizualizarea datelor cu Plotly în Python

Utilizarea scalelor de culori predefinite

 

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

 

$$

 

Grafic cu bare și scală de culori inferno

Introducere în vizualizarea datelor cu Plotly în Python

Construirea propriei scale de culori

 

  • Scală personalizată (galben - portocaliu - roșu)
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")

 

Grafic cu bara cu scală de culori proprie

Introducere în vizualizarea datelor cu Plotly în Python

Să exersăm!

Introducere în vizualizarea datelor cu Plotly în Python

Preparing Video For Download...