Přizpůsobení barev

Úvod do vizualizace dat s Plotly v Pythonu

Alex Scriven

Data Scientist

Přizpůsobení grafů obecně

Způsoby přizpůsobení grafů:

Při vytváření grafu, pokud argument existuje (např. color)
Po vytvoření grafu použijte update_layout()
- Přijímá slovník
- fig.update_layout({"title":{"text":"A New Title"}})

Proč přizpůsobovat barvy?

Přizpůsobení barev pomáhá:

Zlepšit vizuální dojem z grafů!
Vyjádřit analytické poznatky
- Barva v tomto bodovém grafu přidává 3. dimenzi.

Barva jako druh tučňáka

Základy teorie barev

Počítače používají ke specifikaci barev kódování RGB:

RGB = 3místný kód (každá hodnota 0–255) míchající červenou, zelenou a modrou
- (0,0,255) je modrá, (255,255,0) je žlutá

Více v tomto článku

Tabulka příkladů barev RGB

Zadávání barev v plotly.express

Argument color (sloupec DataFrame)
- Každá kategorie získá barvu (automaticky)
- Pro číselné sloupce se použije barevná škála

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

Výsledek s barvami

Graf před úpravou:

Sloupcový graf bez barev

Graf po úpravě:

Sloupcový graf s barvami

Barvy v jednorozměrných grafech

Použití argumentu color v plotly.express pro jednorozměrné grafy (sloupcové, histogramy):

Histogramy – skládané sloupce
Krabicové grafy – vytvoří více grafů

Skládaný histogram s barvami

Krabicové grafy vedle sebe s barvami

Konkrétní barvy v plotly.express

color_discrete_map: Slovník mapující kategorické hodnoty na barvy
Základní barvy lze zadat i jako řetězce, např. "red", "green" atd.

Naše konkrétní barvy

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

Sloupcový graf se zadanými barvami

Barevné škály v plotly.express

Jednobarevné škály (světle až tmavě zelená)

Zelená barevná škála

Přechodová škála (zelená přecházející do modré)

Argument color_continuous_scale pro barevné škály.

Zeleno-modrá barevná škála

Použití vestavěných barevných škál

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

K dispozici je mnoho vestavěných škál

Sloupcový graf s barevnou škálou inferno

Vytvoření vlastní barevné škály

Vlastní barevná škála (žlutá – oranžová – červená)

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

Sloupcový graf s vlastní barevnou škálou

Pojďme si procvičit!

Úvod do vizualizace dat s Plotly v Pythonu