Графики, которые убеждают всех

• Числа округляются до одинаковых разрядов и выставляются разряд под разрядом. Только в этом случае их удобно сравнивать (см. пример ниже).

• Заголовки выравниваются так же, как содержимое столбца.

Дополнительные соображения:

• Желательно, чтобы линии между строками были видны как можно меньше (или вообще не видны). От них рябит в глазах. А еще разделительные линии отвлекают от самих значений, мало помогая считывать их по рядам. Значения отлично считываются и без них, если таблица правильно отформатирована.

• Линии между столбцами не требуются, если все остальное сделано правильно.

• Аналогично с цветом. В закрашенной таблице или той, где используется чересполосица – чередование оттенков одного цвета – зрительной доминантой становится сам цвет. Хотя по факту он не несет никакой функциональной нагрузки и только отвлекает от информации.

• Лучше использовать для чисел моноширинный шрифт: с символами одной ширины, например, Courier или PT Mono. Так числа удобнее сравнивать в одном столбце.

• Единицы измерения указывают сверху, в шапке.

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

• Бывает, что в названиях столбцов слишком много текста. Иногда имеет смысл развернуть таблицу на 90 градусов, чтобы таблица стала более читабельной.

Давайте посмотрим пошаговый процесс улучшения таблицы:

Для начала уберем рамки и цвет:

Выровняем текст по левому краю, числа и даты – по правому:

Уменьшим количество знаков у длинных чисел:

Подберем оптимальную ширину столбцов и высоту строк. Таблица стала гораздо компактнее:

Добавим линию, отделяющую заголовочную строку (хотя это необязательно) и немного отобьем строки про «Фантастических тварей»:

Поменяем шрифт. Числа и даты наберем моноширинным начертанием, чтобы каждое число стояло друг под другом по разрядам:

Сделаем финальные штрихи. Поменяем местами столбцы, чтобы они выглядели логичнее: сначала бюджет, потом сборы, потом место по сборам в мире. Немного уменьшим расстояние между строками:

Таблица стала компактнее. Значения в ней удобнее сравнивать, хотя мы убрали разделительные горизонтальные линии.

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

Таблицы как тепловые карты

Таблица может стать более наглядной и информативной, если ее ячейки раскрасить цветами и их оттенками пропорционально значениям. В этом случае она становится одним из способов графического представления данных – тепловой картой (heatmap, хитмэп). Тепловая карта может быть очень удобна при первичном изучении данных в табличном редакторе как одна из разновидностей поисковой визуализации данных:

Исходная таблица

Тепловая карта

В отличие от нераскрашенной таблицы тепловая карта отлично показывает, что по сравнению с 2000 годом идет общий тренд на снижение безработицы во всех субъектах Центрального региона. В Москве самый низкий уровень безработицы, даже ниже, чем в Московской области. А в 2009 году все ощутили последствия финансового кризиса, но Москва же быстрее всего восстановилась после него. Показывает, что кризис 1998 года сказался на экономике значительно сильнее. Что Липецкая область почти не пострадала после кризиса.

Хитмэп – настолько мощный и сильный способ визуализации, что на его использовании может быть построена сильная история. Как этот проект Wall Street Journal, визуализирующий большой массив данных о заболеваемости детскими инфекциями в США:

Изменение заболеваемости корью в Америке до и после изобретения вакцины

Помимо наглядного представления большого количества временных рядов, тепловая карта также помогает проводить мультикатегориальное сравнение (см. главу 6).

Глава 5 Как устроена визуализация данных, виды графиков

Коснемся терминов, которые используют для обозначения графического представления числовых данных. Обычно все, что строится непосредственно в декартовой системе координат, называют графиками (graphs): линейный график, график рассеивания, график функции. Остальные виды визуализации – это диаграммы (charts): столбиковая диаграмма, круговая диаграмма и так далее. Хотя в обиходе и в этой книге это взаимозаменяемые понятия.

Суть визуализации данных

Суть визуализации данных – в переводе чисел на язык графических образов. Иными словами, в кодировании числовых значений визуальными объектами. Непонятно? Сейчас все разберем.