Инфографика из данных: как показать сравнение и не исказить вывод

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

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

Когда столбик врёт без единой опечатки

Представьте условную сцену: маркетолог малого производителя кофе собирает одностраничную инфографику для дилерской рассылки. В таблице выручка по трём регионам за два квартала, в презентации — аккуратные столбики, подпись «рост в два раза». Юрист по договорам смотрит на картинку и просит объяснить, почему во втором квартале столбик выше ровно вдвое, хотя в таблице прирост скромнее. Ошибки в цифрах нет. Ошибка в том, как эти цифры превратили в картинку.

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

Если ваша задача — подготовить инфографику из данных, на странице соответствующего направления 404ai можно посмотреть опубликованные возможности и оставить описание текущего процесса. Конкретные подключения, исходные данные и критерии приёмки согласуем отдельно.

Знаменатель решает больше, чем палитра

Первое, что определяет смысл любого «роста» на графике, — это база сравнения. Условный пример: отдел продаж отчитывается, что число новых клиентов выросло на 40%. Звучит бодро, пока не спросишь: 40% от чего? Если в прошлом периоде было 10 новых клиентов, а стало 14, это те же 40%, но в абсолютных числах — четыре компании. На столбиковой диаграмме с обрезанной осью эти четыре клиента могут выглядеть как двукратный рывок.

Проблема в том, что процент без знаменателя почти ничего не сообщает читателю. Поэтому в рабочем объекте инфографики (о нём ниже) знаменатель должен стоять рядом с каждой процентной величиной, а не прятаться в сноске мелким шрифтом. Если показатель считается от активной базы, от всех зарегистрированных, от выручки или от числа сделок — это разные истории, и путать их нельзя даже в подписи к слайду.

Есть и второй слой: сравнение процентов между собой. Разница между 40% и 45% — это пять процентных пунктов, а не «рост на 5%». Формулировка «выросло на 5%» математически означает умножение на 1,05, и в инфографике эти две фразы дают разное впечатление. Рекомендация простая: в подписях к графикам писать «п.п.» там, где речь о разнице долей, и оставлять «%» только для относительного изменения. Это скучно, но именно скучная точность не даёт читателю сделать неверный вывод.

Ось, которую обрезали, и что она скрыла

Классическая ловушка столбиковой диаграммы — начало вертикальной оси не с нуля. Формально это разрешено: у многих библиотек построения графиков ось по умолчанию подстраивается под диапазон данных. Практически — столбики кодируют величину длиной, и если длина начинается не от нуля, пропорции искажаются. Разница между 98 и 100 при оси от 97 выглядит как обвал или взлёт, хотя в реальности это шум.

В документации Observable Plot столбиковая разметка и настройки шкал описаны отдельно: шкалой можно управлять, в том числе задавать домен оси. При этом по общему правилу визуализации высота столбика читается как величина, поэтому для столбиков важна нулевая база. Это не значит, что обрезать ось нельзя никогда — для линейного графика, где важна динамика, а не абсолютная величина, приём иногда оправдан. Но тогда тип графика должен соответствовать сообщению: линия показывает изменение, столбик — размер.

Практический вывод для инфографики: если материал сравнивает объёмы — столбики от нуля; если показывает траекторию — линия, и обрезка оси допустима с явной пометкой. Смешивать эти роли в одном графике — верный способ получить картинку, которая выглядит убедительно и врёт по сути.

Проверяемая карточка графика: карточка графика

Чтобы решения не принимались заново на каждом слайде, удобно завести один формат — карточку графика. Это не документ на десять страниц, а компактная запись, которая едет вместе с картинкой от аналитика к дизайнеру и дальше к читателю. В ней фиксируется всё, что определяет смысл изображения.

Такая карточка полезна ещё и тем, что заставляет сформулировать вопрос до рисования. Если вопрос не формулируется одним предложением, скорее всего, на графике пытаются уместить две разные истории, и читатель увидит третью.

Два эпизода: как один и тот же рост выглядит по-разному

Разберём два условных эпизода с разными знаменателями и разными решениями.

Эпизод первый: обрезанная ось. Компания показывает динамику среднего чека по месяцам. Значения колеблются в диапазоне условно 4 800–5 200 рублей. Дизайнер строит столбики с осью от 4 700, и график превращается в драматичные пики и провалы: месяц с 5 200 выглядит вдвое выше месяца с 4 800, хотя разница — около 8%. Читатель делает вывод «спрос скачет», хотя колебания в пределах погрешности. Лечение: либо линия с явной пометкой обрезанной оси, либо столбики от нуля, где колебания выглядят скромно и честно. Здесь же стоит проверить, не выдаём ли мы сезонные колебания за тренд.

Эпизод второй: разные знаменатели в одном ряду. Отдел маркетинга сравнивает конверсию двух каналов. По первому каналу конверсия считается от числа заявок, по второму — от числа показов. На одном графике рядом стоят 12% и 3%, и читатель заключает, что первый канал в четыре раза лучше. Но это сравнение разных дробей: 12% заявок и 3% показов — величины про разное. Лечение: привести к общему знаменателю или разнести на два графика с явными подписями баз. Иногда честный ответ — «сравнить напрямую нельзя», и это тоже результат.

Оба эпизода показывают одно: инфографика искажает вывод не через подлог цифр, а через несовпадение формы, базы и подписи. Поэтому проверять нужно не «правильные ли числа», а «правильный ли пересказ».

Пропущенный период, ноль и «данных нет»

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

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

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

Проценты, процентные пункты и ловушка «в два раза»

Когда в инфографике соседствуют доли и их изменения, легко получить путаницу. Условно: доля повторных покупок была 20%, стала 30%. Это рост на 10 процентных пунктов, или в 1,5 раза, или на 50% относительно прежнего значения. Три формулировки — три разных числа, и все три верны, если база названа. Ошибка начинается там, где пишут «рост на 10%», имея в виду пункты: читатель посчитает 20% × 1,1 = 22%, а не 30%.

В инфографике это лечится единым правилом подписей и проверкой на «обратный пересчёт». Если из подписи читатель не может восстановить исходное и новое значение, подпись плохая. Полезно рядом с каждым изменением давать оба числа — «было / стало», — а процент оставлять как производную величину. Тогда даже при неверной формулировке читатель увидит базу и поправит сам.

Отдельно про «в два раза». Удвоение маленького числа — это всё ещё маленькое число. Если новых клиентов было два, а стало четыре, «рост в два раза» технически верен и содержательно пуст. В инфографике для руководителей такие формулировки стоит сопровождать абсолютными значениями, иначе картинка создаёт впечатление масштаба, которого нет.

Маленький экран и тонкие столбики

Инфографика почти всегда живёт не только в презентации, но и в рассылке, мессенджере, на телефоне руководителя. На узком экране столбиковая диаграмма с десятком категорий превращается в частокол, подписи наезжают друг на друга, а легенда уезжает за край. Читатель либо не разберёт, что к чему, либо сделает вывод по первым трём столбикам.

Практические приёмы здесь не про красоту, а про читаемость: сокращать число категорий до главных, выносить подписи значений прямо на столбики вместо оси, отказываться от легенды в пользу подписей у серий. Если категорий много, иногда честнее горизонтальные полосы — они лучше держат длинные подписи. И обязательно проверять картинку в том размере, в котором её увидят: уменьшить до ширины телефона и посмотреть, читается ли главный вывод без увеличения.

Здесь же уместно вспомнить про доступность. Руководство W3C по изображениям напоминает, что у значимых изображений должен быть содержательный альтернативный текст, а сложные графики требуют описания, передающего смысл, а не просто «диаграмма продаж». Это не бюрократия: текст-описание заставляет сформулировать главный вывод графика одной фразой, и если фраза не получается — значит, график не сообщает ничего определённого.

Источник изменился: версия и воспроизводимость

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

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

Это особенно важно, когда инфографика уходит наружу — дилерам, партнёрам, в публичный отчёт. Внешний читатель не имеет доступа к вашей базе и вынужден верить картинке. Чем точнее указан источник и его дата, тем меньше риск, что через квартал кто-то предъявит вам график с устаревшими числами.

Проверяемая карточка графика на экране сотрудника

Если инфографику собирают не аналитики, а маркетологи и менеджеры, полезно встроить проверки прямо в инструмент, которым они пользуются. Речь не о том, чтобы запретить всё, а о том, чтобы решения по умолчанию были безопасными.

Такой набор проверок — это не цензура, а страховка от спешки. Человек в дедлайне выберет первое, что выглядит красиво; если красивое по умолчанию ещё и корректное, вероятность ошибки падает без нотаций и инструкций.

Проверяемая карточка графика: исключения и проверка условий

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

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

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

Практикум: собрать карточку для графика о возвратах

Возьмём условный пример, отличный от предыдущих. Интернет-магазин хочет показать партнёрам динамику доли возвратов. В таблице — число заказов и число возвратов по месяцам за полугодие, один месяц пропущен из-за смены учётной системы.

Порядок работы. Сначала формулируем вопрос: «Растёт ли доля возвратов относительно числа заказов?» — значит, знаменатель — заказы, а не абсолютное число возвратов. Затем выбираем форму: динамика доли — линия, а не столбики, потому что важен тренд. Пропущенный месяц показываем разрывом, а не нулём, и подписываем причину. Единицы — проценты, а если сравниваем два периода между собой — процентные пункты с явной пометкой.

Дальше проверяем подписи обратным пересчётом: из «доля выросла с 4% до 5%» читатель должен восстановить, что это плюс один процентный пункт, а не плюс 5% и не рост в 1,25 раза без базы. Смотрим картинку в мобильной ширине: остаются ли подписи читаемыми, не наезжает ли легенда. Пишем alt-текст одной фразой — если фраза получается вроде «доля возвратов колебалась в пределах одного пункта», значит, график сообщает именно это, и не надо намекать на драму. В карточку заносим файл выгрузки, дату и ответственного.

В финале такой практикум даёт не «красивую картинку», а проверяемое утверждение, которое можно защитить перед партнёром: вот вопрос, вот база, вот источник, вот что график показывает и чего он не показывает.

Что проверить перед публикацией

Перед тем как инфографика уйдёт читателю, стоит пройти короткий чек-лист — не ради формальности, а чтобы поймать те самые тихие искажения. Совпадает ли тип графика с вопросом: объёмы — столбики от нуля, динамика — линия. У каждого процента есть знаменатель. Пропуски отличимы от нулей. Разница долей подписана как процентные пункты. Ось не обрезана там, где длина столбика что-то значит. Подписи читаются на телефоне. Указана версия источника. Есть alt-текст, и он передаёт вывод, а не название картинки.

Если какой-то пункт не проходит, это не повод откладывать материал, а повод поправить форму, а не цифры. Чаще всего достаточно сменить тип графика или дописать базу — и картинка начинает говорить правду.

Один шаг: проверить знаменатель на своём последнем графике

Исходная задача была не «нарисовать красиво», а показать сравнение так, чтобы читатель сделал верный вывод. Самый быстрый способ проверить, справляется ли с этим ваша текущая инфографика, — взять последний график, который ушёл наружу, и задать один вопрос: от чего посчитан каждый процент на этой картинке? Если ответ находится сразу и он записан рядом с числом — хорошо. Если приходится лезть в переписку и вспоминать — значит, в карточке графика не хватает базы, и следующий материал стоит начать именно с неё.

Смежный вопрос разобран отдельно: Фактчекинг AI-контента: ссылка ещё ничего не доказала.