Правила построения диаграмм: чтобы числа не искажались
Правила построения диаграмм на примере библиотечного отчёта: выбери тип, проверь шкалу, единицы и подписи. Разбор ошибки, которая преувеличивает рост.
Е
Евгений
Дизайнер-партнёр LibraChat
8 мин чтения
На моём слайде выдачи книг будто выросли в пять раз. В таблице было 80 и 100. Рост всего на 25%. Я не перепутал числа: обрезал начало шкалы, чтобы разница лучше читалась. Правила построения диаграмм нужны как раз для таких случаев. Ниже разберём, как выбрать форму, сохранить смысл сравнения и проверить готовый рисунок до показа.
Мне нравился первый вариант библиотечного отчёта. Два аккуратных столбца, заметный перепад высоты, крупный заголовок о росте. Потом я посмотрел на нижнюю отметку оси: 75. От неё остались видимые высоты 5 и 25. Картинка сравнивала эти остатки. Читатель же видел целые значения.
Правила построения диаграмм начинаются с единицы учёта
Я проверил исходную таблицу заново. В сентябре библиотека выдала 80 книг, в октябре — 100. Считались выдачи экземпляров за месяц. В перечне выдач один посетитель может появиться повторно, взяв новую книгу. Значит, заголовок «Читателей стало больше на четверть» из этих данных не следует. Даже с идеальной шкалой.
До выбора формы я записываю короткое описание показателя: что считается, за какой период, в каких единицах. Для нашего слайда получилось: «Число выдач книг за сентябрь и октябрь в одной библиотеке». Скучнее громкого заголовка? Зато дальше нечего угадывать.
Если сравниваются периоды, проверь одинаковый порядок учёта. Включены ли продления? Считаются ли электронные книги? Не поменялась ли граница выборки? Я не стал бы объяснять рост новой афишей, пока знаю только два итоговых числа. Совпадение по времени ещё не устанавливает причину.
Есть ещё вопрос о знаменателе. Месячный итог нельзя незаметно назвать средней дневной выдачей. У месяцев разное число дней, а у библиотеки могут различаться рабочие графики. Для показателя «выдач за открытый день» понадобится число таких дней в каждом периоде. В исходных условиях его нет. Я оставляю сравнение месячных итогов и не подменяю его сравнением интенсивности работы.
Ту же проверку делаю при сравнении филиалов. Больший итог не обязательно означает большую нагрузку на сотрудника или лучшую работу. Для этих выводов нужны другие данные и отдельный расчёт. Подпись «число выдач» удерживает мой слайд в пределах известного. Это полезнее, чем добавлять к нему предположения о причинах разницы.
Полезная заготовка перед работой: «Я сравниваю ___ с ___, чтобы показать ___». Если в последнем пропуске сразу несколько разных вопросов, вероятно, нужны отдельные изображения. Один рисунок не обязан вместить весь отчёт.
Для сравнения двух месячных итогов мне подошли столбцы. Для жанров я бы взял горизонтальные полосы: длинные названия помещаются рядом с ними. А непрерывный ряд ежемесячных наблюдений удобнее читать по линии. Одинаковые исходные числа не требуют одинаковой формы в каждой задаче.
Что нужно увидеть · Подходящая отправная точка · Что проверить
Сравнить категории — Полосы или столбцы — Единицы и общую нулевую базу
Проследить изменение во времени — Линейный график — Порядок дат, интервалы, пропуски
Показать части одного целого — Круговая или составная диаграмма — Полноту целого и отсутствие пересечений
Изучить связь двух числовых величин — Точечная диаграмма — Значения обеих координат
Сообщить точные отдельные числа — Таблица — Нужна ли диаграмма вообще
Круг я оставляю для небольшого числа частей с заметными различиями. Если человек в опросе мог выбрать несколько жанров, доли ответов могут пересекаться. Их нельзя без объяснения превратить в секторы одного целого. Иначе рисунок обещает взаимоисключающие части там, где их нет.
В нашем отчёте два месяца — это два сравниваемых значения, а не повод рисовать длинную плавную кривую. Сглаживание не добавит наблюдений между ними. Я лучше оставлю простой рисунок с числами, чем нарисую несуществующую подробную динамику.
Возвращаю столбцам настоящие пропорции
У столбцов и полос значение читается по длине от общей базы. Поэтому числовая шкала должна начинаться с нуля. При отрицательных значениях столбцы идут по разные стороны нулевой линии; обрезать их смысл всё равно нельзя.
Для наших чисел отношение 100 к 80 равно 1,25. После отсечения шкалы на 75 получалось отношение 25 к 5, то есть 5. Это не более выразительная версия тех же данных. Изменился зрительный ответ на вопрос «во сколько раз».
Я сделал новый черновой эскиз. Здесь один заполненный блок соответствует пяти выдачам, оба ряда начинаются от общей нулевой границы:
```text
Выдачи книг: сентябрь — 80, октябрь — 100
Масштаб: █ = 5 выдач; начало каждой полосы — 0
Сентябрь |████████████████ 80
Октябрь |████████████████████ 100
```
У первого ряда 16 блоков, у второго 20. Источник чисел — условия этого разбора. Когда переношу подобный эскиз в редактор, добавляю числовую ось и сохраняю её общий масштаб. Декоративная рамка его не заменяет.
Для линейного или точечного графика правило другое: обоснованно ограничить диапазон по вертикали бывает полезно, чтобы рассмотреть колебания. Но границы должны читаться явно. Нельзя переносить этот приём на длины столбцов. А у нескольких сопоставимых графиков разные шкалы могут создать ложное впечатление одинакового размаха.
Подписи тоже участвуют в расчёте
Рост с 80 до 100 составляет 20 выдач. Относительный прирост — 20, делённое на 80, то есть 25%. Я записал оба значения. Теперь читатель может проверить заголовок независимо от того, как показались длины.
С процентными показателями нужна отдельная аккуратность. Допустим, доля продлений изменилась с 20% до 25%. Это плюс 5 процентных пунктов и одновременно относительный рост на 25%. Процентные пункты показывают разность долей, проценты роста — её отношение к исходной доле. Просто написать «прибавилось 5%» было бы двусмысленно.
К готовому изображению я добавляю:
Заголовок с основным выводом, который действительно следует из данных.
Период и обозначение объекта наблюдения.
Единицу измерения, понятную без соседнего слайда.
Источник чисел и существенные пояснения к учёту.
Читаемые названия категорий или подписи рядов.
Вместо «Показатели работы» у нас получается «В октябре выдано на 20 книг больше, чем в сентябре». Подпись уточняет: это число выдач в рассматриваемой библиотеке. Она не обещает рост аудитории и не приписывает результат рекламной кампании.
Я уменьшаю черновик до размера будущего показа и заново читаю каждую подпись. Хорошая подпись на большом мониторе может исчезнуть после уменьшения слайда. В таком случае сокращаю формулировку, а не предлагаю зрителю приблизиться к экрану.
Пропуск и украшение не должны становиться данными
Если число за ноябрь неизвестно, не ставь вместо него ноль. Записав ноль, мы заявили бы об отсутствии выдач за весь месяц. Пропуск означает отсутствие известного значения. На линейном графике регулярного ряда его стоит показать разрывом с пояснением, а не дорисовывать уверенную линию через неизвестность.
Объёмные столбцы мне здесь тоже не нужны. Передняя грань и перспектива добавляют форму, которую читатель пытается соотнести с величиной. Сравнение становится труднее. Плоский вариант проще проверить по общей шкале.
Цвет я использую с конкретной задачей. Например, выделяю октябрь, о котором говорится в заголовке, а сентябрь оставляю спокойным. Названия месяцев сохраняются. Тогда смысл не зависит только от различения двух цветов. Для страницы полезно также текстовое описание диаграммы с основным выводом и доступные исходные значения.
Однажды я пытался спасать тесные подписи поворотом и уменьшением шрифта. Теперь сначала меняю компоновку. Горизонтальные полосы часто освобождают место под длинные названия. Поворот текста остаётся решением последней очереди, а не обязательной частью оформления.
Правила построения диаграмм проверяю в два прохода
Сначала смотрю на смысл. Потом на оформление. Так легче заметить, что красивый рисунок отвечает не на тот вопрос. И не приходится заново подбирать цвета после исправления исходной таблицы.
Называю единицу учёта и сравниваемые группы.
Считаю разницу и относительное изменение независимо от картинки.
Проверяю тип, начало шкалы и соответствие длин или координат числам.
Отмечаю пропуски, ограничения и источник данных.
Уменьшаю изображение и читаю подписи без пояснений голосом.
Прошу другого человека одним предложением сказать, что изменилось.
Открой чат для предварительного разбора: можно описать замысел в LibraChat. Я предложил бы запрос: «Есть 80 выдач книг в сентябре и 100 в октябре. Планирую столбцы со шкалой от 75. Проверь, какое зрительное отношение получится. Предложи корректное оформление. Укажи, позволяет ли такая таблица судить о числе уникальных читателей и причинах прироста». Это задача для обсуждения и проверки расчёта, а не просьба одобрить готовый вывод.
Посмотри на свой первый черновик и скажи, какое отношение величин он показывает без чисел. Затем посчитай его по таблице. Я убрал обрезанную базу именно после этого сравнения. Двадцать дополнительных выдач остались достойным результатом. Преувеличивать их рисунком уже не требовалось.
