Читать «Графики, которые убеждают всех» онлайн - страница 41

Какие функции выполняет цвет в вашей работе:

• Помогает лучше понимать ваши данные, улучшает их считывание и различение.

• Кодирует числовые значения.

• Позволяет управлять вниманием человека, делает одни данные более важными, чем другие, помогая лучше донести ваше сообщение.

• Цвет также дает возможность создавать атмосферу, нести эмоции. Однако в визуализации данных эти возможности цвета нужно обдумывать в самую последнюю очередь.

Характеристики цвета

У цвета есть три характеристики – тон, насыщенность, яркость:

Тон – это собственно цвет: красный, зеленый, синий и другие цвета.

Насыщенность – это то, сколько чистого цвета в образце. Например, насыщенность красного цвета может варьироваться от бледно-розового до ярко-красного.

Яркость – это количество черного в цвете. Чем его меньше, тем ярче цвет.

Для чего нужен цвет

Есть два основных сценария использования цвета в графиках.

1) Если вы кодируете цветом категории, например, виды товаров или компании на рынке, – используйте разные тона. В таком случае цвета говорят, что каждый из них «сам по себе».

2) Если ваши данные числовые, то есть изменяются от меньшего к большему, то цветом вы кодируете количество. В этом случае вам следует использовать цветовые градиенты. Это один тон, который меняется по насыщенности или яркости, или постепенный переход от одного тона к другому.

В этом случае каждый из оттенков одного цвета сообщает, что он немного больше или меньше соседнего. Чаще всего такие шкалы используются в картографических визуализациях.

Существует два вида цветовых шкал для числовых данных: непрерывные и полярные.

В непрерывных шкалах по насыщенности или яркости меняется один тон:

Пример использования непрерывной цветовой шкалы

В полярных шкалах есть точка, которой может быть ноль, среднее или норма. От этой точки расходятся две противопоставленные категории. В этом случае два значительно различающихся тона соответствуют этим категориям. Насыщенность тонов кодирует степень изменения показателя. Обычно применяется для шкал плюс/минус, среднего/ниже среднего:

Про цвет для категорий

Иногда разные тона используют, чтобы различать категории, а не выделять одну из них. В таком случае тона должны быть достаточно различимы, а их визуальный вес должен быть примерно одинаковым.

Если на вашем графике всего одна переменная и подписи однозначно обозначают каждую категорию, нет никакого смысла раскрашивать каждый столбик в отдельный тон или оттенок:

Для донесения сообщения в графике обычно достаточно 1–2 тонов и их оттенков + нескольких оттенков серого. Человек может с трудом отличить больше 5–6 цветов, а расставить акценты в таком случае практически невозможно.

Про цвет для количественных данных

При использовании цветовых градиентов важно, чтобы переход между цветами различался на глаз. В рамках одного цвета глаз может различить максимум 4–6 оттенков. Нужно, чтобы переходы между оттенками соответствовали разнице между значениями. Более насыщенные оттенки обычно кодируют большие значения, менее насыщенные – меньшие значения.