Використання кольору

Розуміння візуалізації даних

Richie Cotton

Data Evangelist at DataCamp

Колірні простори: Red-Green-Blue

shutterstock_1622648830.jpg

Розуміння візуалізації даних

Колірні простори: Cyan-Magenta-Yellow-blacK

shutterstock_505703968.jpg

Розуміння візуалізації даних

Вибір палітри для графіка

Точкова діаграма: ціна проти площі з невдалою палітрою

  • Зазвичай кожен колір має вирізнятися не менше за інші.
  • Перцептивна відстань між сусідніми кольорами на графіку має бути сталою.
Розуміння візуалізації даних

Колірні простори: Hue-Chroma-Luminance

Зразок відтінків (hue)

Розуміння візуалізації даних

Колірні простори: Hue-Chroma-Luminance

Зразки кольорів: chroma та luminance

Розуміння візуалізації даних

Колірні простори: Hue-Chroma-Luminance

Зразки кольорів: hue, chroma та luminance

Розуміння візуалізації даних

Три типи колірних шкал: qualitative

Тип Призначення Що змінювати
qualitative Розрізняти неупорядковані категорії hue

Зразок кольорів для якісних даних

Розуміння візуалізації даних

Приклад якісної палітри

Лінійний графік: поширення технологій у домогосподарствах США. Вісь X: 1930–1970, вісь Y: 0–100%. Чотири лінії: автомобілі, холодильники, плити, пилососи.

Розуміння візуалізації даних

Три типи колірних шкал: sequential

Тип Призначення Що змінювати
sequential Показати порядок chroma або luminance

Зразок послідовної колірної шкали

Розуміння візуалізації даних

Приклад послідовної палітри

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

Розуміння візуалізації даних

Ще один приклад послідовної палітри

Точкова діаграма: тривалість навчання проти GNI; середня тривалість життя показана кольором

1 Viridis color scale: https://bids.github.io/colormap
Розуміння візуалізації даних

Три типи колірних шкал: diverging

Тип Призначення Що змінювати
diverging Показати вище/нижче за середину chroma або luminance, з 2 hue

Зразок кольорів для розбіжних даних

Розуміння візуалізації даних

Набір даних опитування Green Tech у Малайзії

question response n
Uses reliable and repairable Strongly Disagree 4
Uses reliable and repairable Disagree 8
Uses reliable and repairable Neutral 37
Uses reliable and repairable Agree 52
Uses reliable and repairable Strongly Agree 26
... ... ...
1 Islam et al. (2019) http://dx.doi.org/10.17632/wggvryfhsk.1
Розуміння візуалізації даних

Приклад розбіжної палітри

Стовпчикова діаграма типу Лайкерта

Розуміння візуалізації даних

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

Розуміння візуалізації даних

Preparing Video For Download...