Сравнения и ранжирование: вопросы для собеседования (часть 3)
Bar chart, горизонтальные столбцы, sorted bar plot, bullet chart — графики для сравнения категорий и ранжирования. На собеседовании просят выбрать тип визуализации для сравнения 10 регионов по выручке или объяснить, почему pie chart плохо подходит для сравнения. Правильный выбор графика делает данные понятными с первого взгляда.
Вопросы 11–15 из 20
11У двух рынков сильно разные объёмы, но вы хотите сравнить структуру каналов (доли) внутри каждого рынка. Что выбрать?
AСтолбцы стопкой в абсолютных значениях, чтобы крупный рынок задавал общий масштаб для сравнения объёмов и долей
BСгруппированные столбцы в абсолютных значениях, чтобы каналы стояли рядом и читались по высоте на каждом рынке
CСтолбцы стопкой с нормировкой каждого столбца до 100%, чтобы доли каналов сравнивались между рынками
DТочечная диаграмма по абсолютным значениям, чтобы каждый канал читался отдельной точкой по объёму на рынке
Ответ: Для сравнения структуры при разных итогах используйте столбцы стопкой с нормировкой до 100%.
Нормировка каждого столбца до 100% позволяет сравнивать доли каналов между рынками независимо от их размера. В абсолютном масштабе крупный рынок визуально доминирует, и структура мелкого рынка читается плохо. Сгруппированные столбцы решают другую задачу — сравнение значений каналов между собой, но не выравнивают рынки по итогу. Точечная диаграмма по объёмам тоже не показывает доли в общей сумме.
Подробный разбор → 12Вы сделали панели «множественные мелкие графики» по 4 регионам и хотите сравнивать категории между панелями. Что важнее всего для сопоставимости?
AОдинаковая шкала и единый порядок категорий во всех панелях (или явное правило, если он разный)
BВ каждой панели сортировка по алфавиту, чтобы порядок категорий выглядел одинаково «стабильно»
CВ каждой панели свой топ-N категорий без пояснений, чтобы графики выглядели разнообразнее
DРазная шкала в каждой панели, чтобы данные плотнее заполняли доступное пространство графика
Ответ: Сравнение фасетов требует одинаковой шкалы и согласованного порядка категорий между панелями.
Если шкалы и порядок категорий разные, зритель начинает сравнивать несопоставимые панели и получает ложные выводы. Единая шкала и согласованный порядок делают различия интерпретируемыми и снижают шум восприятия. Алфавитный порядок выглядит «стабильно», но обычно не отражает важности и мешает сравнению. Разная шкала ради заполнения пространства искажает амплитуду и тоже ломает сравнение между регионами.
Подробный разбор → 13В накопительной столбчатой диаграмме вы хотите сравнить вклад сегмента мобильных пользователей между категориями. Что лучше сделать, чтобы сравнение было честным?
AДать сегменту общую базовую линию: перейти на сгруппированные столбцы или отдельную серию либо использовать малые множители
BОставить накопительную диаграмму и сделать сегмент мобильных пользователей самым ярким цветом: цвет поможет глазу удерживать сегмент при сравнении длин
CДобавить градиентную заливку и тени, чтобы сегменты лучше отличались друг от друга и зритель быстрее находил нужный сегмент в каждой категории
DУбрать ось значений и оставить подписи внутри сегментов: числа на самих сегментах удобнее читать и сравнивать, чем длины относительно общей оси
Ответ: В накопительной диаграмме верхние сегменты сложно сравнивать без общей базовой линии.
У сегмента мобильных пользователей в разных категориях разные точки старта, поэтому глаз плохо сравнивает длины. Если сравнение сегмента — цель визуализации, лучше дать ему общую базовую линию через сгруппированные столбцы, отдельную серию или малые множители. Так все столбцы стартуют от одной оси, и сравнение становится корректным.
Подробный разбор → 14Нужно сравнить факт и план по 12 категориям и быстро увидеть, где отставание. Какой вариант визуализации наиболее уместен?
AСтопочные столбцы по категориям, где доли факта и плана накладываются друг на друга в одном столбце на категорию
BКруговая диаграмма с двумя секторами «факт» и «план» сразу по всем 12 категориям без отдельной разбивки по строкам
CТепловая карта без подписанных значений, где цвет ячейки кодирует абсолютную величину факта или плана для каждой категории
DТочечный график-«гантель» с двумя точками (факт и план) на категорию и сортировкой по разнице, чтобы выделить отстающие категории
Ответ: Точечный график-«гантель» с сортировкой по разнице напрямую показывает разрыв между фактом и планом.
Две точки на одной строке («гантель») дают чистое сравнение факта и плана, а сортировка по разнице сразу выделяет проблемные категории. Стопочные столбцы прячут разрыв внутри одного столбца, круговая диаграмма не подходит для двух наборов значений по 12 категориям, а тепловая карта без чисел плохо передаёт разницу. Поэтому «гантель» — самый прямой способ показать отставание по каждой категории.
Подробный разбор → 15У вас 5 сегментов и 20 категорий, и сгруппированные столбики превращаются в «лес». Как лучше уменьшить визуальный шум?
AУвеличить толщину столбиков и добавить пять максимально ярких цветов, чтобы сегменты лучше различались на одном графике
BПерейти на накопительный столбчатый график и считать, что попарное сравнение сегментов от этого станет проще
CСделать по отдельной круговой диаграмме на каждую из 20 категорий, чтобы доли сегментов читались чётче
DИспользовать малые множители (по сегменту) и/или ограничить категории через топ-N с группой «Прочее» по остатку
Ответ: Когда серий много, малые множители и топ-N часто читаются лучше, чем перегруженный сгруппированный график.
Малые множители уменьшают количество объектов в каждом графике, а топ-N с группой «Прочее» ограничивает число категорий. Так сравнение становится быстрее и понятнее. Яркие цвета и рост толщины столбиков не решают проблему перегрузки, а 20 круговых диаграмм только её усугубят.
Подробный разбор → Другие темы: Визуализация данных