Содержание · 7
Выбор типа графика, честные оси, доступные цвета и подписи. Практические правила визуализации данных для дизайнеров.
Тип графика диктуется данными
Выбор визуализации — не стилистическое решение. Каждый тип данных имеет форму, которая читается лучше всего, и попытка сделать «красивее» обычно ухудшает читаемость.
Честные оси
Столбцовая диаграмма с осью, начинающейся не с нуля, преувеличивает различия в разы. Это самое распространённое искажение и самое заметное для подготовленного читателя.
Для линейных графиков обрезка оси допустима, если она обозначена: там сравниваются изменения, а не абсолютные величины.
- Столбцы — только от нуля.
- Линии — обрезка допустима с явным обозначением.
- Одинаковые интервалы по оси времени.
- Никаких трёхмерных эффектов — они искажают пропорции.
Цвет
Цвет в графике несёт смысл, поэтому его нельзя выбирать декоративно. Категориальные данные требуют различимых оттенков, последовательные — градиента одного тона, расходящиеся — двух тонов с нейтральной серединой.
Обязательное требование — различимость при нарушениях цветовосприятия: красно-зелёная пара недопустима как единственный носитель различия.
Категориальная палитра с различимой светлотой
Подписи и контекст
График без единиц измерения, источника и периода не является информацией. Эти три элемента обязательны независимо от того, насколько очевидными они кажутся автору.
Подписи данных лучше размещать прямо у элементов, а не в отдельной легенде: это избавляет от необходимости переводить взгляд туда-обратно.
График врёт не цифрами, а осью. Обрезанный ноль превращает рост на процент в рост вдвое.
Выбор типа диаграммы под вопрос читателя
Тип графика определяется не данными, а вопросом, на который читатель должен ответить, взглянув на него. Сравнение величин между собой — столбики. Изменение во времени — линия. Доля в целом — круг, и только если долей не больше пяти. Распределение — гистограмма или точечное поле. Связь двух величин — точечная диаграмма.
Самая частая ошибка — круговая диаграмма на восемь секторов: человек не может сравнить углы, отличающиеся на несколько процентов, и вынужден читать подписи. Если приходится читать подписи, диаграмма не работает — её заменяет таблица.
Оформление, которое не мешает данным
- Одна смысловая единица цвета: цветом кодируют категорию либо величину, но не то и другое сразу.
- Подписи у объектов, а не в отдельной легенде — глаз не должен ходить туда-обратно.
- Сетка тоньше и светлее данных: она вспомогательная, а выглядит часто главной.
- Округление до значащих разрядов: «34,7 %» и «35 %» несут одно и то же, но второе читается.
- Источник и период — обязательная часть графика, а не подпись под статьёй.
Что в итоге
Тип графика диктуется данными, ось столбцов начинается с нуля, а цвет несёт смысл, а не украшает.
Обязательный минимум подписей — единицы, период и источник: без них график не является информацией.
Коротко
- Когда данные лучше показать таблицей, а не графиком?
- Когда важны точные значения и их сравнивают поштучно. График нужен для формы явления — роста, спада, разброса; таблица — для факта. Смешение даёт красивую картинку, из которой ничего не следует.
- Можно ли обрезать ось значений не от нуля?
- В столбиковой диаграмме нельзя: длина столбца и есть величина, и обрезка искажает её в разы. В линейном графике допустимо, если диапазон подписан — там читается изменение, а не абсолютная величина.
Читайте также
Посмотреть примеры
Нашли ошибку или неточность в атрибуции? Напишите нам
Обсуждение
Загружаем…