Новости

Задумывались ли вы когда-нибудь о том, насколько сильно визуализация данных облегчает восприятие информации? Мы настолько привыкли к присутствию самых разных диаграмм и графиков в нашей повседневной жизни, что воспринимаем их как должное, не вникая в то, какая сложная это на самом деле задача – придать количественным данным визуальную форму. Казалось бы, выделил столбик в Excel, нажал две кнопки – и готово. Только вот не факт, что вы получите такой результат, который хотелось бы получить, потому что создание хорошей визуализации – это целая наука (и потому что появилось целое множество инструментов, которые позволяют сделать это быстрее и эффективнее, чем Excel).

Именно этой науке и посвящена книга «Визуализация данных для профессионалов. Дизайн понятных диаграмм и дашбордов». Ее автор – Дезире Эбботт – считает, что визуализация данных – это идеальное сочетание математики и творчества. Имея степень магистра по физике, Дезире знает, насколько в любой области деятельности важна теория, но вместе с этим она, «промучавшись в аспирантуре» и так и не получив степень PhD, как никто другой понимает, какое значение имеет доступное изложение материала на человеческом языке. Руководствуясь этим, Дезире удалось написать такую книгу, в которой ключевые принципы визуализации вместе с лежащей в их основании теорией изложены понятно, четко и увлекательно.

Первая часть служит фундаментом, на котором строится материал остальных частей. В первой главе приводится краткий экскурс в историю визуализации (да-да, она существовала с первобытных времен!) и дается обзор основных инструментов создания визуальных представлений данных. Вторая глава – практически наупоп. Из нее вы узнаете, как наш мозг обрабатывает визуальную информацию, и познакомитесь с гештальт-принципами, которые используются в сфере дизайна для описания того, как мозг распознает паттерны и устраняет трудности при восприятии окружающего мира. Наконец, третья глава посвящена тому, что мы собираемся визуализировать, – данным: тому, каких типов они бывают и как на основании этого подобрать правильную визуальную форму для них (для непрерывных данных, например, прекрасно подходят линейные диаграммы, а вот бар-чарты лучше работают в паре с дискретными данными).

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

• аддитивная vs. субтрактивная модель цвета;
• цветовые пространства RGB, HSB/HSV, HSL, CIELAB;
• цветовые палитры и способы их создания;
• разработки для людей с дальтонизмом;
• значения цветов в различных культурах;
• типографика и инклюзивные шрифты;
• интерактивный дизайн.

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

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

Стоит сказать, что «Визуализация данных для профессионалов. Дизайн понятных диаграмм и дашбордов» не является техническим руководством по установке каких-либо инструментов или изучению языка программирования – это скорее руководство по принципам хорошего дизайна применительно к визуализации данных. Рассматриваемые здесь концепции можно (и нужно) применять на практике вне зависимости от инструментария, объема или характера среды, в которой вы работаете. Фундаментальность и универсальность «Визуализации» – то, что делает эту книгу незаменимым руководством по созданию полезных и изящных диаграмм и графиков.

Прежде всего книга Дезире Эбботт рассчитана, конечно, на тех, у кого есть хотя бы базовое техническое образование или опыт работы с данными и их анализом. Полезнее всего прочесть ее будет бизнес-аналитикам, инженерам, (начинающим) дизайнерам и тем, кто как-либо связан с этими профессиями. Тем не менее, она написана так, чтобы понять ее концепцию и содержание (и получить от него удовольствие) мог любой – вне зависимости от уровня подготовки.

И чтобы читатель смог оценить книгу по достоинству, предлагаем ознакомиться с фрагментом, посвященным не самым типичным формам визуализации: леденцовым диаграммам и иконографии.

НЕСКУЧНЫЕ БАР-ЧАРТЫ

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

Возьмем скромный бар-чарт. Это почти «диаграмма для всех», потому что столбики просты и понятны. Работая в области визуализации, вы, как и я, построите множество бар-чартов. И они вам наверняка наскучат (со мной было так же). Это один из тех случаев, когда я благодарю Тафти за совет не использовать ничего, кроме основ, а затем иду своим путем. Существуют виды бар-чартов менее банальные, чем классические столбцы, и в этом разделе мы поговорим о некоторых из них.

Леденцы на палочке

Одна из моих любимых альтернатив столбчатым диаграммам — леденцовая диаграмма. Вместо прямоугольного столбика здесь используется линия (или очень тонкий столбик) с кругом на конце, как показано на рис. 6.8.

Рис. 6.8. Леденцовая диаграмма — одна из забавных альтернатив бар-чарта
Мне нравится создавать леденцовые диаграммы, но обычно я не использую их в качестве самостоятельного наглядного пособия. Легко заметить, что рисунок 6.8 выглядит странновато. Он вроде симпатичный, но кажется несбалансированным, потому что верхушки леденцов очень тяжелые, по сравнению с остальной частью изображения. По данной причине я использую леденцы только как часть дашборда с несколькими диаграммами, когда есть другие элементы, которые помогают сбалансировать тяжелые леденцы. Иногда делаю для заинтересованных сторон или клиентов дашборды на основе столбчатых диаграмм, но, честно говоря, считаю, что и они выглядят странно. Ведь на каждой диаграмме, скорее всего, будет разное количество столбцов (причем разной ширины), и/или все они не будут ориентированы в одном направлении (например, вертикально или горизонтально). Действительно странно, поэтому в подобных случаях я использую леденцовые диаграммы. Они справляются с задачей, добавляя немного причудливости, но не более.

Иконография

Еще одна интересная и забавная альтернатива бар-чарту называется иконографией, поскольку вместо столбиков в ней используются наборы иконок (изображений). Я не часто ею пользуюсь, потому что настройка расчетов бывает утомительной (во всяком случае в Tableau), а результирующий вариант не слишком точен: каждая иконка обычно представляет не одну единицу, а определенное количество единиц. В качестве примера посмотрите на рис. 6.9, где использованы вымышленные данные.

Иконографию следует использовать с осторожностью — по причине, названной ранее: она не отличается точностью. Поэтому я добавила значение в конце каждого набора иконок. А еще потому, что она может быть слишком причудливой — в зависимости от того, какие иконки вы найдете/создадите/используете. Например, счастливые яблоки и авокадо на рис. 6.9, вероятно, не понравятся руководителям компаний, но в личном проекте они выглядят забавно. Тем не менее все эти фрукты чертовски милые, вот я и решила показать их вам.

Может ли иконография представлять собой исключительно «графический мусор»? Да, такое возможно. Поэтому, как я уже говорила, использовать ее следует с особой осторожностью: знайте правила, прежде чем пытаться их нарушить! Тем не менее иконография передает информацию о продажах по видам продуктов, и значения в конце каждого набора иконок помогают в этом. По сути, это чистый, ясный и понятный визуальный образ, потому что я сохранила простую типографику, а все остальное в визуализации — лишь данные.

Рис. 6.9. Иконография, показывающая вымышленные продажи продуктов, где лидируют яблоки (А какое милое авокадо! Оно умоляло включить его в список. И кто я такая, чтобы ему отказать?)

Бонус: повторим столбчатые диаграммы

Давайте вновь обратимся к столбчатым диаграммам. Их трудно назвать скучными, ведь они изначально несовершенны. Мы уже говорили о том, что столбчатые диаграммы не оптимальны и что иногда их можно заменить линейными. Но как быть в случаях, когда линейная диаграмма не подходит, например, если вы не отслеживаете тенденцию развития чего-либо во времени или хотите показать всего один столбик? (Иногда люди могут слегка увлечься, избегая круговых диаграмм, но желая показать части целого.)

Один из способов справиться с этой задачей, особенно в случае с одним столбиком, — просто разделить этот столбик на кластеры, как показано на рис. 6.10.

Даже в случае нескольких столбчатых диаграмм техника разбиения на отдельные кластеры (см. рис 6.10) все равно работает Получившаяся в итоге диаграмма называется кластеризованной столбчатой диаграммой — как на рис. 6.11, где представлены те же данные, но разделенные по географическим регионам, в которых продавались авокадо. Такое расположение столбиков — друг рядом с другом — позволяет лучше видеть закономерности в данных, например, какая категория продукта популярна в каждом регионе.

Рис. 6.10. Одиночная столбчатая диаграмма (слева) гораздо лучше выглядит в виде набора полос (кластеров) для каждого сегмента (справа)

Рис. 6.11. Несколько столбчатых диаграмм, показанных слева, можно просто разложить и отобразить рядом друг с другом, как показано справа, чтобы были лучше видны закономерности в данных

ПРИМЕЧАНИЕ
Обычно я не включаю вертикальные линии сетки, которые можно видеть на рис. 6.11 и 6.12. Здесь они добавлены для того, чтобы вы, глядя на диаграммы в браузере, могли взаимодействовать с ними и наводить указатель мыши с целью вычленить точное значение каждого сегмента во всплывающей подсказке. (Подробнее об интерактивном дизайне — в следующей главе!) Это книга, а в печатном варианте линии сетки должны выполнять функцию подсказки приблизительного значения каждого сегмента — маркировка будет слишком утомительной.

С книгой «Визуализация данных для профессионалов. Дизайн понятных диаграмм и дашбордов» можно ознакомиться на сайте издательства: