Dostosowywanie kolorów

Wprowadzenie do wizualizacji danych z Plotly w Pythonie

Alex Scriven

Data Scientist

Dostosowywanie – ogólnie

Sposoby dostosowywania wykresów:

Podczas tworzenia wykresu, jeśli argument istnieje (np. color)
Po utworzeniu wykresu – użyj update_layout()
- Przyjmuje słownik
- fig.update_layout({"title":{"text":"A New Title"}})

Dlaczego dostosowywać kolory?

Dostosowywanie kolorów pozwala:

Sprawić, że wykresy wyglądają świetnie!
Przekazać wnioski analityczne
- Kolor na tym wykresie punktowym dodaje 3. wymiar.

Kolor jako gatunek

Teoria kolorów

Komputery używają kodowania RGB do określania kolorów:

RGB = 3-cyfrowy kod (każdy 0–255) mieszający Red (czerwony), Green (zielony), Blue (niebieski)
- (0,0,255) to niebieski, a (255,255,0) to żółty

Więcej w tym artykule

Tabela przykładów kolorów RGB

Określanie kolorów w plotly.express

Argument color (kolumna DataFrame)
- Każda kategoria otrzymuje kolor (automatycznie)
- Dla kolumn numerycznych używana jest skala kolorów

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

Nasze kolory

Wykres przed:

Wykres słupkowy bez kolorów

Wykres po:

Wykres słupkowy z kolorami

Kolor w wykresach jednozmiennych

Użycie argumentu color w plotly.express dla wykresów jednozmiennych (słupkowych, histogramów):

Histogramy – słupki skumulowane
Wykresy pudełkowe – generuje wiele wykresów

Skumulowany histogram z kolorami

Wykresy pudełkowe obok siebie z kolorami

Konkretne kolory w plotly.express

color_discrete_map: słownik przypisujący wartości kategoryczne do kolorów
Kolory (podstawowe) można też podać jako ciągi znaków, np. "red", "green"

Nasze konkretne kolory

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

Wykres słupkowy z określonymi kolorami

Skale kolorów w plotly.express

Jednolita skala kolorów (od jasnej do ciemnej zieleni)

Zielona skala kolorów

Gradient mieszany (zielony przechodzący w niebieski)

Argument color_continuous_scale dla skali kolorów.

Zielono-niebieska skala kolorów

Wbudowane skale kolorów

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

Dostępnych jest wiele wbudowanych skal

Wykres słupkowy ze skalą kolorów inferno

Tworzenie własnej skali kolorów

Własna skala kolorów (żółty – pomarańczowy – czerwony)

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

Wykres słupkowy z własną skalą kolorów

Czas na ćwiczenia!

Wprowadzenie do wizualizacji danych z Plotly w Pythonie