Основы визуализации и выбор графика: вопросы для собеседования (часть 3)
Когда использовать line chart, bar chart, scatter plot, heatmap — выбор типа графика определяет, насколько быстро читатель поймёт данные. На собеседовании дают датасет и просят выбрать подходящую визуализацию с обоснованием. Знание принципов Тафти, правило ink-to-data ratio и умение избегать chartjunk — признак зрелого аналитика.
Вопросы 11–15 из 20
11Есть события по минутам, но нужно показать общий тренд за квартал. Какой подход лучше?
AПостроить столбчатую диаграмму с одним столбцом на каждую минуту квартала, чтобы не потерять ни одной детали по времени
BСделать гистограмму распределения времени события и показать её как основной график тренда за квартал
CСделать точечную диаграмму из всех минутных точек без агрегации, чтобы зритель сам увидел плотность по периоду
DСделать агрегацию до дня или недели и построить линейный график по агрегатам, выбрав шаг под длину окна
Ответ: Для долгого периода чаще нужен тренд: помогает агрегация перед линейным графиком.
Минутные данные дают шум и перегружают график, особенно на длинном горизонте в три месяца. Агрегация до разумного шага — день или неделя — делает линейный график читаемым и сопоставимым по периодам. Столбчатая диаграмма по минутам и точечная диаграмма без агрегации превращаются в кашу, а гистограмма распределения времени отвечает на другой вопрос — про частоту, а не про тренд.
Подробный разбор → 12Нужно сравнить распределение времени до первой покупки до и после изменения продукта. Что выбрать?
AЛинейный график по пользователям в случайном порядке без сортировки и без агрегации по периоду
BСтолбчатая диаграмма только по среднему времени до покупки до и после, без распределения и без хвостов
CТочечная диаграмма «время до покупки против даты регистрации» без группировки и без сравнения периодов
DДве гистограммы (или одна с наложением) с одинаковыми бинами и одинаковой шкалой оси для до и после
Ответ: Для сравнения распределений используйте гистограммы с одинаковыми бинами и одинаковой шкалой оси.
Среднее может скрыть сдвиги в хвостах и изменения формы распределения. Сопоставимые бины и одинаковая шкала делают сравнение честным и читаемым. Линейный или точечный график без группировки не показывает форму распределения, а столбчатая по среднему теряет хвосты.
Подробный разбор → 13На столбчатой диаграмме 25 категорий, и каждый столбец раскрашен уникальным ярким цветом. Какое улучшение наиболее корректно?
AОставить много цветов как есть: так все категории легче отличать друг от друга и быстро находить нужный столбец в графике
BДобавить градиенты и тени к каждому столбцу, чтобы они выглядели объёмнее и эффектнее на презентациях и встречах с командой
CСделать один нейтральный цвет и выделить 1–2 важные категории акцентом, чтобы кодирование цветом не превращалось в визуальный шум
DПеревести график в 3D-режим, чтобы цвета и высоты столбцов были заметнее и сильнее выделялись на фоне остальных элементов
Ответ: Слишком много цветов — это шум и украшательство; лучше один цвет и акцент на нужных категориях.
Цвет — сильный канал кодирования, и при десятках уникальных цветов он перестаёт помогать. Акцентирование нескольких важных категорий делает смысл яснее и улучшает читаемость. Градиенты, тени и 3D добавляют украшательство, но мешают сравнивать высоты столбцов и читать значения.
Подробный разбор → 14На линейном графике дневная конверсия колеблется в диапазоне 20–21%. Можно ли делать нулевую отметку оси не от 0, чтобы лучше видеть изменения?
AМожно при сравнении динамики: диапазон оси явно подписан, и читатель видит реальный масштаб колебаний на графике
BДелать так нельзя: любая шкала на любом графике начинается с нулевой отметки оси Y без исключений и оговорок
CМожно без пояснений: если линия выглядит выразительно, читатель видит колебания и сам подбирает нужный масштаб
DМожно при добавлении трёхмерного эффекта к линии и подсветки диапазона цветом для привлечения внимания зрителя
Ответ: Для линейного графика не всегда нужна нулевая отметка, но важна честная шкала с явной подписью диапазона на оси.
Линия чаще используется для динамики и сравнения изменений, поэтому допустим узкий диапазон, если он ясно подписан. Ошибка — скрыть масштаб так, что небольшие колебания выглядят как кратный рост. Чтобы читатель не обманулся, диапазон оси должен быть явно подписан, а в подписи к графику стоит сказать, что шкала не от нуля.
Подробный разбор → 15Нужно показать, из каких каналов складывается выручка в каждом регионе и каков общий объём по региону. Что уместнее?
AЛинейный график по регионам в алфавитном порядке оси X без разреза по каналам и без выделения общего вклада
BТочечная диаграмма с регионом на обеих осях и каналом в роли цвета для отображения структуры и общего объёма
CГистограмма выручки по всем заказам без разреза по регионам и каналам для оценки общего распределения значений
DСложенный столбчатый график после агрегирования выручки по региону и каналу: высота столбца — общий объём
Ответ: Для структуры внутри категории часто подходит сложенный `bar chart`.
Сложенный столбчатый график показывает и общий объём (высота столбца), и вклад частей (сегменты внутри). Помните, что сравнивать сегменты между регионами по «середине» сложения сложнее, чем по общему основанию столбца. Линейный график не подходит для категориальной оси регионов, точечная диаграмма не показывает структуру внутри категории, а гистограмма теряет разрезы по региону и каналу.
Подробный разбор → Другие темы: Визуализация данных