Основы визуализации и выбор графика: вопросы для собеседования (часть 4)
Когда использовать line chart, bar chart, scatter plot, heatmap — выбор типа графика определяет, насколько быстро читатель поймёт данные. На собеседовании дают датасет и просят выбрать подходящую визуализацию с обоснованием. Знание принципов Тафти, правило ink-to-data ratio и умение избегать chartjunk — признак зрелого аналитика.
Вопросы 16–20 из 20
16Нужно показать связь между временем на сайте и суммой заказа, но точек миллионы и точечный график превращается в сплошное пятно. Что лучше сделать?
AОставить точечный график как есть: миллионы точек только повышают точность визуальной оценки и форму связи
BСделать разбивку точек по бинам и показать плотность как двумерную гистограмму вместо рисования каждой точки
CПостроить линейный график, последовательно соединяя точки в случайном порядке для отображения общей формы связи
DПоказать таблицу со всеми миллионами строк, чтобы пользователь сам мог разобраться в структуре данных и связи
Ответ: При перегрузке точек помогает разбивка по бинам и показ плотности вместо отрисовки каждой точки.
Двумерная гистограмма сохраняет информацию о концентрации и форме связи, но остаётся читаемой при больших объёмах данных. Иначе кодирование «точка = наблюдение» перестаёт работать, потому что точки перекрываются и весь холст превращается в равномерное пятно без структуры.
Подробный разбор → 17На столбчатой диаграмме средний чек по сегментам показали с базовой точкой оси Y от 900 до 1100, и разница выглядит огромной. Как исправить, чтобы не исказить сравнение?
AОставить как есть, потому что обрезанная шкала делает разницу между сегментами заметнее и выводы выглядят убедительнее.
BСделать столбцы трёхмерными и добавить тени, чтобы визуальный объём подчёркивал разницу между сегментами по среднему чеку.
CУбрать подписи осей и числовые значения, чтобы внимание читателя было сосредоточено только на форме столбцов и их высоте.
DНачать ось Y от нуля или явно показать разрыв шкалы и честно подписать диапазон значений среднего чека по сегментам.
Ответ: Для `bar chart` нулевой `baseline` критичен, иначе сравнение искажается.
Длина столбца кодирует величину, поэтому обрезанная базовая точка оси Y визуально преувеличивает различия между сегментами. Если нужен зум, лучше сделать отдельный график или явную «сломленную» шкалу, а не скрывать масштаб от читателя.
Подробный разбор → 18На одном графике показали выручку и конверсию двумя линиями с двумя разными осями Y, и визуально они «идеально коррелируют». Что корректнее сделать, чтобы не вводить читателя в заблуждение?
AОставить две оси Y на одном графике: при удачно подобранных диапазонах такая визуализация даёт честный вывод
BСделать трёхмерный линейный график с разворотом по времени: визуальная связь между метриками станет заметнее
CРазнести метрики на два отдельных графика или нормализовать их к одной шкале с явным описанием единиц
DЗаменить график таблицей с цифрами по неделям и отказаться от визуализации, чтобы исключить ошибки восприятия
Ответ: Двойная ось Y легко создаёт ложную корреляцию — лучше разнести метрики или нормализовать их на одной шкале.
При двух шкалах визуальная форма линий зависит от выбора диапазонов, и её можно «подогнать» почти под любую картину. Отдельные графики или единая нормированная шкала делают сравнение честнее и прозрачнее. Кроме того, важно явно описать, как закодированы значения, чтобы читатель не достраивал связь сам.
Подробный разбор → 19В презентации предлагают заменить плоский `bar chart` долей категорий на 3D круговую диаграмму, потому что она «красивее». Какой аргумент наиболее корректен?
A3D добавляет визуальный шум и искажает кодирование площади и угла; для точного сравнения долей лучше плоский график (например, `bar chart`)
B3D всегда точнее плоских диаграмм, потому что глубина даёт читателю дополнительную информацию о значениях категорий
CЕсли убрать нулевую базовую линию из 3D-диаграммы, восприятие станет честнее, и сравнение долей по высоте будет точным
DДостаточно добавить ещё больше различимых цветов в 3D-диаграмму, и тогда сравнение долей категорий станет интуитивно понятным
Ответ: 3D — это визуальный шум: он искажает восприятие и мешает точному сравнению долей.
3D-эффекты меняют видимую площадь и углы, и читатель хуже сравнивает значения. Для долей и сравнения категорий лучше плоское кодирование, где величины сравниваются без оптических искажений. Дополнительные цвета и удаление базовой линии не лечат искажение перспективы — наоборот, ухудшают восприятие.
Подробный разбор → 20Вы сравниваете продажи по товарам: значения от 1 до 1 000 000, и на обычной шкале маленькие значения почти не видны. Что корректнее сделать со шкалой оси?
AОбрезать базовую точку у столбчатой диаграммы, чтобы маленькие значения стали заметнее на фоне крупных категорий товаров.
BИспользовать логарифмическую шкалу на оси Y и явно подписать на графике, что шкала логарифмическая, а не линейная.
CУдалить товары с маленькими значениями, чтобы они не мешали визуальному восприятию более крупных категорий товаров.
DСделать столбцы трёхмерными и добавить визуальный объём, чтобы маленькие значения казались больше относительно крупных.
Ответ: `Log scale` помогает сравнивать порядки величин, но её нужно явно обозначать на `axis`.
Логарифмическая шкала сжимает большие значения и делает видимыми меньшие, не прибегая к обману через обрезанную базовую точку. Важно подписать шкалу, иначе читатель неверно интерпретирует расстояния и разницы между столбцами.
Подробный разбор → Другие темы: Визуализация данных