Налаштування підказок при наведенні та легенд

Вступ до візуалізації даних з Plotly у Python

Alex Scriven

Data Scientist

Що мається на увазі під наведеням?

Підказка при наведенні: текст і дані, що з'являються, коли ви наводите курсор на точку даних

$$

Стандартна підказка

Вступ до візуалізації даних з Plotly у Python

Інші стандартні параметри підказки

   

Типово hovermode = "closest"

  • "x" або "y": додає підсвітку на осі x або y

$$

  • "x unified" / "y unified": показує лінію й вікно підказки з усіма значеннями на осі x або y

Підказка для x

Узагальнена підказка для X

Вступ до візуалізації даних з Plotly у Python

Підказки з plotly.express

 

  • hover_name = Вказаний стовпець, який з'явиться жирним угорі вікна підказки

$$

  • hover_data = список стовпців для додавання або словник для включення/виключення стовпців
    • {column_name: False} (виключає column_name)
Вступ до візуалізації даних з Plotly у Python

Змінні у підказці

💡 Стовпці для підказки не обов'язково мають бути на графіку

$$

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

fig.show()

 

Підказка над точковим графіком

Вступ до візуалізації даних з Plotly у Python

Стилізація підказок

 

  • hoverlabel
    • Приймає словник стилів: шрифт, колір тла, вирівнювання

$$

  • hovertemplate
    • Рядок у стилі HTML для форматування тексту (поза межами цього курсу)
Вступ до візуалізації даних з Plotly у Python

Що таке легенда?

  • Візуальний довідник, що пояснює елементи графіка, як-от колір чи символ

$$

  • Зазвичай додається автоматично, коли потрібно
    • Наприклад, коли додаємо кольори до стовпчикової діаграми

Стовпчикова діаграма з кольорами

Вступ до візуалізації даних з Plotly у Python

Створення й стилізація легенди

$$

  • Використайте update_layout() для керування легендою

$$

  • showlegend = True показує стандартну легенду
  • legend — приймає словник властивостей
    • x, y дають розмістити легенду в межах площини графіка (від 0 до 1)
    • Інші стилі як-от bgcolor (колір тла), borderwidth і font

$$

Деталі в документації

Вступ до візуалізації даних з Plotly у Python

Стилізована легенда

$$

$$

fig.update_layout(
    "showlegend": True,

    legend_title_text="All Companies"

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

 

Стилізована легенда

Вступ до візуалізації даних з Plotly у Python

Давайте потренуємось!

Вступ до візуалізації даних з Plotly у Python

Preparing Video For Download...