ホバー情報と凡例のカスタマイズ

Pythonで学ぶPlotlyによるデータ可視化入門

Alex Scriven

Data Scientist

ホバーとは？

ホバー情報: データ点にマウスを重ねたときに表示されるテキストとデータ

$$

デフォルトのホバー

Pythonで学ぶPlotlyによるデータ可視化入門

その他のデフォルトのホバー情報

   

デフォルトは hovermode = "closest"

  • "x" または "y": x または y 軸をハイライト

$$

  • "x unified" / "y unified": 線と、軸上の全値を示すホバーボックスを表示

x のホバー

X の統合ホバー

Pythonで学ぶPlotlyによるデータ可視化入門

plotly.express でのホバー情報

 

  • hover_name = ホバーボックス上部に太字で表示する列

$$

  • hover_data = 含める列のリスト、または含める/除外する列の辞書
    • {column_name: False}（column_name を除外）
Pythonで学ぶPlotlyによるデータ可視化入門

ホバー情報に表示する変数

💡 ホバー用の列はプロット内になくても可

$$

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

fig.show()

 

散布図でのホバー

Pythonで学ぶPlotlyによるデータ可視化入門

ホバー情報のスタイル

 

  • hoverlabel
    • フォント、背景色、配置などのスタイル辞書を受け取る

$$

  • hovertemplate
    • 文字列でテキストを整形（本コース範囲外）
Pythonで学ぶPlotlyによるデータ可視化入門

凡例とは？

  • プロット内の色や記号などの要素を説明するビジュアルガイド

$$

  • 必要時は自動で追加
    • 例：棒グラフに色を追加したとき

色付き棒グラフ

Pythonで学ぶPlotlyによるデータ可視化入門

凡例の作成とスタイル設定

$$

  • update_layout() で凡例を制御

$$

  • showlegend = True でデフォルトの凡例を表示
  • legend - プロパティの辞書を受け取る
    • x, y はプロット内の位置（0〜1）を指定
    • そのほか bgcolor（背景色）、borderwidth、font など

$$

詳しくはドキュメントを参照

Pythonで学ぶPlotlyによるデータ可視化入門

スタイル済みの凡例

$$

$$

fig.update_layout(
    "showlegend": True,

    legend_title_text="All Companies"

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

 

スタイル済み凡例

Pythonで学ぶPlotlyによるデータ可視化入門

Passons à la pratique !

Pythonで学ぶPlotlyによるデータ可視化入門

Preparing Video For Download...