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

На дашборде сравнивают выручку двух регионов; визуализация настроена так:

{
  "chart": "bar",
  "yAxis": {
    "min": 950,
    "max": 1050
  },
  "series": [
    {"region": "Север", "revenue": 1000},
    {"region": "Юг", "revenue": 1020}
  ]
}

Как эта настройка может исказить восприятие разницы?

Проходите собеседования с ИИ помощником Hintsage

Краткий ответ

Обрезанная нулевая отметка на оси Y визуально преувеличивает разницу между столбцами. При значениях 1000 и 1020 фактическое отличие составляет 2%, но на таком графике столбец Юга может выглядеть значительно выше.

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

Исторический контекст

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

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

Постановка проблемы

В конфигурации минимальное значение оси равно 950, хотя показатели имеют смысл абсолютной выручки. Столбцы начинаются не от нуля: для Северного региона их видимая высота равна 50 единицам, а для Южного — 70.

Глаз может воспринять разницу как 40%, хотя реальные значения отличаются лишь на 20 из 1000, то есть на 2%. Такое искажение способно привести к неверным выводам о превосходстве региона, эффективности руководителя или необходимости перераспределить ресурсы.

Подробное решение

Для столбчатой диаграммы абсолютных показателей следует задать нулевую базу:

{ "chart": "bar", "yAxis": {"min": 0}, "series": [ {"region": "Север", "revenue": 1000}, {"region": "Юг", "revenue": 1020} ], "dataLabels": {"show": true} }

Теперь длина каждого столбца пропорциональна полной величине. Числовые подписи сохраняют точные значения, а при необходимости рядом можно показать показатель изменения: +2%.

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

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

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

Ситуация из практики

В отчёте руководству сравнивали выполнение плана двумя филиалами: 98% и 101%. На столбчатой диаграмме диапазон оси начинался с 95%, поэтому второй филиал выглядел существенно успешнее первого.

Рассматривались три варианта:

  • оставить обрезанную ось — изменение хорошо видно, но визуальный масштаб вводит в заблуждение;
  • начать ось с нуля — сравнение становится корректным, однако разница менее заметна;
  • оставить нулевую базу и добавить отдельный индикатор отклонения от плана — требуется больше места, зато абсолютный и относительный контексты разделены.

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

Что кандидаты часто упускают

1. Всегда ли ось столбчатой диаграммы обязана начинаться с нуля?

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

2. Почему та же обрезка оси может быть приемлемее на линейном графике?

Линия обычно показывает направление и скорость изменения во времени, а не сравнение длины отдельных столбцов. Суженный диапазон может помочь увидеть небольшую динамику, но всё равно способен преувеличить её визуальный масштаб. Поэтому нужно указывать диапазон оси, показывать значения и не делать вывод о большой абсолютной разнице только по наклону линии.

3. Можно ли исправить искажение только добавлением числовых подписей?

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