Использование цвета

Понимание визуализации данных

Richie Cotton

Data Evangelist at DataCamp

Цветовые пространства: красный-зелёный-синий

shutterstock_1622648830.jpg

Понимание визуализации данных

Цветовые пространства: голубой-пурпурный-жёлтый-чёрный

shutterstock_505703968.jpg

Понимание визуализации данных

Выбор цветовой палитры

Точечный график цены и площади с неудачной цветовой палитрой

  • Каждый цвет должен выделяться одинаково на фоне остальных.
  • Перцептивное расстояние между соседними цветами на графике должно быть постоянным.
Понимание визуализации данных

Цветовые пространства: оттенок-насыщенность-яркость

Образцы цветов по оттенку

Понимание визуализации данных

Цветовые пространства: оттенок-насыщенность-яркость

Образцы цветов по насыщенности и яркости

Понимание визуализации данных

Цветовые пространства: оттенок-насыщенность-яркость

Образцы цветов по оттенку, насыщенности и яркости

Понимание визуализации данных

Три типа цветовых шкал: качественная

Тип Назначение Что варьировать
качественный Различать неупорядоченные категории оттенок

Образцы цветов для качественных данных

Понимание визуализации данных

Пример качественной палитры

Линейный график распространения технологий в домохозяйствах США. Ось X — с 1930 по 1970 год, ось Y — от 0 до 100 процентов. Четыре линии отражают распространение автомобилей, холодильников, плит и пылесосов.

Понимание визуализации данных

Три типа цветовых шкал: последовательная

Тип Назначение Что варьировать
последовательный Показывать порядок насыщенность или яркость

Образцы цветов для последовательной шкалы

Понимание визуализации данных

Пример последовательной палитры

Столбчатая диаграмма потребления овощей по годам

Понимание визуализации данных

Ещё один пример последовательной палитры

Точечный график зависимости продолжительности обучения от ВНД; средняя продолжительность жизни обозначена цветом

1 Viridis color scale: https://bids.github.io/colormap
Понимание визуализации данных

Три типа цветовых шкал: расходящаяся

Тип Назначение Что варьировать
расходящийся Показывать отклонение от середины шкалы насыщенность или яркость с двумя оттенками

Образцы цветов для расходящихся данных

Понимание визуализации данных

Набор данных опроса «Зелёные технологии в Малайзии»

вопрос ответ n
Использует надёжные и ремонтопригодные Категорически не согласен 4
Использует надёжные и ремонтопригодные Не согласен 8
Использует надёжные и ремонтопригодные Нейтрально 37
Использует надёжные и ремонтопригодные Согласен 52
Использует надёжные и ремонтопригодные Полностью согласен 26
... ... ...
1 Islam et al. (2019) http://dx.doi.org/10.17632/wggvryfhsk.1
Понимание визуализации данных

Пример расходящейся палитры

Столбчатая диаграмма опроса по шкале Ликерта

Понимание визуализации данных

Давайте потренируемся!

Понимание визуализации данных

Preparing Video For Download...