Налаштування кольору

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

Alex Scriven

Data Scientist

Налаштування загалом

Як налаштовувати графіки:

Під час створення графіка, якщо є аргумент (наприклад, color)
Після створення графіка через update_layout()
- Приймає словник
- fig.update_layout({"title":{"text":"A New Title"}})

Навіщо налаштовувати колір?

Налаштування кольору допомагає:

Робити графіки виразними
Донести аналітичні висновки
- Колір у цьому розсіянні додає третій вимір.

Колір як види

Трохи теорії кольору

Комп'ютери задають кольори через кодування RGB:

RGB = трійка чисел (кожне 0–255), що змішує Red, Green, Blue
- (0,0,255) — синій, а (255,255,0) — жовтий

Деталі в цій статті

таблиця прикладів кольорів RGB

Задавання кольорів у plotly.express

Аргумент color (стовпець DataFrame)
- Кожна категорія отримує колір (автоматично)
- Для числових стовпців використовується шкала кольору

fig = px.bar(data_frame=student_scores, 
      x="student_name", 
      y="score", 
      title="Student Scores by Student"
      color="city")
fig.show()

Наші кольори наочно

Графік до:

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

Наш графік після:

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

Колір в унівариативних графіках

Використання аргументу plotly.express color в унівариативних (bar, histogram) графіках:

Гістограми — стековані стовпчики
Box plot — створює кілька графіків

Стекована гістограма з кольором

поруч розташовані boxplot з кольором

Конкретні кольори в plotly.express

color_discrete_map: словник, що відображає категорії у кольори
Також можна задавати базові кольори рядками, як-от "red", "green" тощо

Наші конкретні кольори

fig = px.bar(
    data_frame=student_scores, 
    x="student_name", y="score", 
    title="Student Scores by Student",

    color_discrete_map={
    "Melbourne": "rgb(0,0,128)",
    "Sydney": "rgb(235, 207, 52)"},

    color="city")

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

Шкали кольору в plotly.express

Одна шкала кольору (від світло-зеленого до темного)

Зелена шкала кольору

Плавний градієнт (зелений у синій)

Аргумент color_continuous_scale для шкал кольору.

Зелено-синя шкала кольору

Використання вбудованих шкал кольору

fig = px.bar(data_frame=weekly_temps, 
    x="day", y="temp", 
    color="temp",
    color_continuous_scale="inferno")
fig.show()

Доступно багато вбудованих шкал

Стовпчаста діаграма зі шкалою inferno

Створюємо власний діапазон кольорів

Власна шкала (жовтий — помаранчевий — червоний)

my_scale=[("rgb(242, 238, 10)"),
          ("rgb(242, 95, 10)"), 
          ("rgb(255,0,0)")]

fig = px.bar(data_frame=weekly_temps, 
    x="day", y="temp",

    color_continuous_scale=my_scale,
    color="temp")

Стовпчаста діаграма з власною шкалою

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

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