Тепловые карты — это отличный способ визуализации данных с использованием разных цветов для представления разных значений. При создании тепловой карты одним из самых важных дизайнерских решений является выбор подходящей цветовой палитры. Правильные цвета могут помочь выделить закономерности, передать значение и сделать данные простыми для интерпретации с первого взгляда.
При выборе цветов для тепловой карты есть несколько ключевых соображений:
Вам нужны цвета, которые равномерно распределены в человеческом восприятии. Наши глаза не воспринимают все цветовые различия одинаково. Например, два оттенка зеленого могут выглядеть для нас совершенно по-разному, в то время как два оттенка синего могут казаться похожими. Перцептивно однородная палитра исправляет это, распределяя цвета на основе человеческого восприятия, а не абсолютных значений RGB. Это создает шкалу, которая выглядит линейной для наших глаз.
Расходящиеся палитры лучше всего подходят, когда у вас есть данные, сосредоточенные вокруг критической средней точки, например отклонения от среднего. Они используют два различных диапазона оттенков для отображения значений выше и ниже средней точки. Последовательные палитры лучше подходят для данных, которые варьируются от низких до высоких значений без критической средней точки.
Вам нужно достаточно цветов, чтобы показать значимые различия, но не так много, чтобы области казались шумными или узоры терялись. 5-9 цветов идеально подходят для большинства тепловых карт.
Около 4% людей имеют некоторую форму нарушения цветового зрения. Убедитесь, что ваши цвета могут различать люди с распространенными типами, такими как дальтонизм в красном и зеленом цвете. Избегайте полагаться только на оттенки красного и зеленого.
Некоторые цвета имеют неявные ассоциации, например, красный для горячего и синий для холодного. Используйте эти ассоциации, если они соответствуют вашим данным, но помните о потенциальной путанице, если они не совпадают.
Учитывая эти соображения, вот несколько хороших вариантов цветовой палитры для тепловых карт:
Эти палитры лучше всего подходят для данных без критической средней точки. Цвета равномерно изменяются от низких к высоким значениям.
Синий
Оттенки синего являются распространенным выбором, поскольку они знакомы для представления перехода от холодного к горячему. Просто избегайте слишком большого количества похожих светло-голубых оттенков.
Зеленые
Зеленые — еще один хороший последовательный вариант. Избегайте очень светлых зеленых оттенков, которые выглядят похоже.
Оранжево-красный
Теплые цвета, такие как оранжевый и красный, визуально выделяются и вызывают ассоциации с горячим/холодным. Избегайте светло-желтых оттенков, которые выглядят слишком похоже.
Эти палитры идеально подходят, когда у вас есть критическая средняя точка, например, положительные и отрицательные отклонения от среднего значения.
Синий-Белый-Красный
Это, вероятно, самая распространенная расходящаяся палитра тепловой карты. Белый цвет представляет среднюю точку. Он использует горячие/холодные ассоциации синего и красного.
Фиолетовый-белый-зеленый
Эта палитра меняет местами фиолетовый и зеленый, которые также имеют холодные/теплые коннотации. Относительно приглушенные оттенки могут быть предпочтительнее, если синий и красный слишком яркие.
Коричневый-Белый-Голубой
Для чего-то более теплого в этой палитре используются коричневый, белый и голубой. Коричневый цвет ассоциируется с землей.
Эти палитры специально учитывают проблемы дальтонизма. Они избегают наложения красного-зеленого или светло-голубого-желтого цветов.
Фиолетовый-оранжевый-зеленый
Эта последовательная палитра переходит между оттенками, которые очень различимы для дальтоников.
Красный-синий
Эта простая расходящаяся палитра основана на очень разных цветах по обе стороны от белого.
Существует множество бесплатных инструментов, которые вы можете использовать для создания последовательных и расходящихся цветовых палитр для тепловых карт:
ColorBrewer разработан специально для визуализации данных и картографии. Вы можете выбрать последовательные, расходящиеся и другие типы палитр. Он предлагает удобные для дальтоников варианты.
Adobe Color упрощает создание цветовых схем. Вы можете просматривать популярные комбинации или создавать собственную палитру с нуля.
С Paletton вы можете точно настроить каждый аспект своей палитры, такой как оттенок, цветность и яркость. Он помогает визуализировать, как цвета будут выглядеть для пользователей с дальтонизмом.
Для пользователей Python Matplotlib имеет встроенные последовательные и расходящиеся цветовые карты, из которых вы можете делать выборки, например, «viridis», «plasma» и «RdBu».
Эта коллекция цветовых шкал предназначена для работы с визуализациями данных D3.js. Он имеет категориальные, последовательные и расходящиеся варианты.
После того, как вы создали несколько вариантов цветовой палитры, вам нужно будет просмотреть их в контексте, прежде чем сделать окончательный выбор. Вот несколько советов по тестированию:
Примените палитры к образцам наборов данных, которые напоминают ваши реальные данные. Это выявит проблемы с однородностью восприятия, количеством цветов и дальтонизмом.
Просматривайте палитры на любом фоне, на котором они будут отображаться. Палитра может выглядеть совсем иначе на белом, черном или цветном фоне.
Печать в оттенках серого помогает выявить палитры, которые слишком полагаются на оттенок, а не на контраст. Цвета должны переводиться в различимые серые тона.
Покажите варианты заинтересованным лицам проекта, членам команды и конечным пользователям. Их обратная связь может определить восприятие и ассоциации, которые вы могли упустить из виду.
Подумайте о том, как палитра будет учитывать новые данные, добавляемые с течением времени. Вам нужны цвета, которые будут оставаться значимыми при изменении данных.
Выбор правильной цветовой палитры является важным дизайнерским решением при создании тепловой карты. Учитывайте однородность восприятия, дальтонизм и то, требуют ли ваши данные последовательной или расходящейся шкалы. Используйте цветовые ассоциации, которые соответствуют значению ваших данных, но остерегайтесь непреднамеренных смешанных сообщений. Обязательно тщательно протестируйте палитры-кандидаты в контексте, прежде чем сделать окончательный выбор. Выбранные вами цвета могут сделать вашу тепловую карту либо успешной, либо неудачной в передаче шаблонов в ваших данных. Используя эти советы, вы сможете сделать продуманный выбор цвета, который элегантно подчеркнет историю на вашей тепловой карте.