Настройка всплывающих подсказок и легенды

Введение в визуализацию данных с 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...