Додавання анотацій

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

Alex Scriven

Data Scientist

Що таке анотації?

  • Додаткові текстові блоки та дані на графіку

$$

  1. Привернути увагу до певної точки даних
  2. Додати примітки до графіка

Анотація, прив'язана до даних

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

Створення анотацій

$$

  • Використання add_annotation()
    • Додає одну анотацію

$$

  • Використання update_layout() і аргументу annotations
    • Приймає список об'єктів анотацій
Вступ до візуалізації даних з Plotly у Python

Важливі аргументи анотацій

  • text — текст, який буде показано
    • Може містити змінні

$$

  • x і y: задають розташування анотації

$$

  • showarrow = True/False — додати стрілку чи ні
    • Стрілку можна налаштувати

$$

🛑 Обережно з абсолютним розміщенням: якщо дані зміняться, елементи можуть накладатися

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

Розміщення анотацій

 

  • Типово x і y відповідають значенням даних на графіку

$$

  • Встановіть xref і yref у paper, щоб розміщувати анотації абсолютно
    • Тоді x і y — це відсотки від 0 до 1 по площі графіка
    • (x=0.5, y=0.5) — центр графіка
Вступ до візуалізації даних з Plotly у Python

Анотації, прив'язані до даних

 

  • Виділення компанії на діаграмі розсіяння
my_annotation = dict(
    x=215111, y=449000,

    showarrow=True, arrowhead=3,

    text="Our company is doing well",
    font=dict(size=10, color="black")
)

fig.update_layout(annotations=[my_annotation])
fig.show()

 

$$

Анотація, прив'язана до даних

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

Плаваюча анотація

$$

float_annotation = dict(
    xref="paper", yref="paper",

    x=0.5, y=0.8,

    showarrow=False,
    text="You should <b>BUY</b>",
    font=dict(size=15, color="black"),
    bgcolor="rgb(255,0,0)"
)

 

Плаваюча анотація

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

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

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

Preparing Video For Download...