Přizpůsobení informací při najetí myší a legend

Úvod do vizualizace dat s Plotly v Pythonu

Alex Scriven

Data Scientist

Co rozumíme pojmem najetí myší?

Informace při najetí myší: Text a data zobrazená při přejetí myší přes datový bod

$$

Výchozí možnost najetí myší

Úvod do vizualizace dat s Plotly v Pythonu

Další výchozí informace při najetí myší

   

Výchozí hodnota hovermode = "closest"

  • "x" nebo "y": zvýrazní hodnotu na ose x nebo y

$$

  • "x unified" / "y unified": zobrazí čáru a rámeček se všemi hodnotami na ose x nebo y

Najetí myší na osu x

Sjednocené najetí myší na osu x

Úvod do vizualizace dat s Plotly v Pythonu

Informace při najetí myší pomocí plotly.express

 

  • hover_name = Zadaný sloupec zobrazený tučně v horní části rámečku

$$

  • hover_data = Seznam sloupců k zahrnutí nebo slovník pro zahrnutí/vyloučení sloupců
    • {column_name: False} (vyloučí column_name)
Úvod do vizualizace dat s Plotly v Pythonu

Proměnné v informacích při najetí myší

💡 Sloupce pro najetí myší nemusí být v grafu

$$

fig = px.scatter(revenues, 
        x="Revenue", 
        y="employees",
        hover_name="Company",
        hover_data=["age"])

fig.show()

 

Najetí myší na bodový graf

Úvod do vizualizace dat s Plotly v Pythonu

Stylování informací při najetí myší

 

  • hoverlabel
    • Přijímá slovník vlastností stylu, jako je písmo, barva pozadí a zarovnání

$$

  • hovertemplate
    • Řetězec podobný HTML pro formátování textu (nad rámec tohoto kurzu)
Úvod do vizualizace dat s Plotly v Pythonu

Co je legenda?

  • Vizuální průvodce vysvětlující prvky grafu, jako je barva nebo symbol

$$

  • Obvykle přidáváno automaticky dle potřeby
    • Například při přidávání barev do sloupcového grafu

Sloupcový graf s barvami

Úvod do vizualizace dat s Plotly v Pythonu

Vytvoření a stylování legendy

$$

  • Legendu ovládáme pomocí update_layout()

$$

  • showlegend = True zobrazí výchozí legendu
  • legend – přijímá slovník vlastností
    • x, y umožňují umístit legendu v oblasti grafu (rozsah 0 až 1)
    • Další stylistické prvky, jako bgcolor (barva pozadí), borderwidth a font

$$

Více informací v dokumentaci

Úvod do vizualizace dat s Plotly v Pythonu

Stylovaná legenda

$$

$$

fig.update_layout(
    "showlegend": True,

    legend_title_text="All Companies"

    legend=dict(
    x=0.7, y=0.8,
    bgcolor="rgb(246,228,129)"))
})

 

Stylovaná legenda

Úvod do vizualizace dat s Plotly v Pythonu

Lass uns üben!

Úvod do vizualizace dat s Plotly v Pythonu

Preparing Video For Download...