Визуализация данных: что это, где применяется и как освоить

Частое заблуждение — считать, что визуализации учатся, осваивая программу. Любая программа за секунду нарисует пять цветных секторов, а решения, от которых зависит, поймёт ли читатель график, принимает человек: какую величину положить на общую шкалу, что убрать, что подписать словами и какой вывод вынести в заголовок. Устройство BI-систем и регулярной отчётности разобрано в отдельных материалах о Power BI и профессии BI-аналитика, здесь речь о самих графиках.

Какую задачу решает график и когда он не нужен

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

Бывает, что график только мешает. Если нужно точное значение, например цена по каждому поставщику, лучше отсортированная таблица. Три числа проще назвать в одной фразе. Если данные собраны по разным методикам или за неполный период, аккуратная диаграмма придаст им убедительность, которой у них нет. Если вы не можете сказать, что читатель должен понять за пять секунд, строить график рано.

Почему столбцы точнее секторов

Выбор формы — вопрос не вкуса, а точности восприятия. В 1984 году Уильям Кливленд и Роберт Макгилл опубликовали в Journal of the American Statistical Association работу «Graphical Perception: Theory, Experimentation, and Application to the Development of Graphical Methods» (т. 79, № 387, с. 531–554). Они разложили график на элементарные задачи, которые решает глаз, и выстроили их по точности: позиция на общей шкале, позиция на несовмещённых шкалах, затем длина, направление и угол, ниже площадь, ещё ниже объём и кривизна, а в конце — оттенок и насыщенность цвета.

Этот порядок авторы проверили в экспериментах. В одном из них участникам показывали наборы из пяти чисел, в сумме дающих 100, в виде столбцов и в виде круговой диаграммы и просили оценить, какой процент от наибольшего значения составляет каждое из остальных. В анализ вошли ответы 51 участника из 54. Средняя ошибка при оценке по углу оказалась в 1,96 раза больше, чем при оценке по позиции.

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

Учебный пример: две круговые диаграммы и один вывод

Ситуация вымышленная. Интернет-магазин разбирает обращения в поддержку за два квартала. В первом вопросы о доставке составили 34 %, о возврате — 22 %, об оплате — 18 %, о качестве товара — 15 %, прочие — 11 %. Во втором доставка дала 27 %, возврат — 29 %, оплата — 17 %, качество — 16 %, прочее — 11 %. Менеджер поставил на слайд две круговые диаграммы рядом с легендой из пяти цветов.

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

Оси, масштаб и цвет

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

У цвета три разные работы. Категории различают контрастными оттенками, и больше шести-семи таких оттенков глаз путает. Величину передают градиентом одного цвета, отклонение от плана — расходящейся шкалой с нейтральной серединой. Пару «красный — зелёный» не стоит делать единственным различием: люди с нарушением цветового зрения её не различат, а при печати в оттенках серого она сливается. Самый сильный приём прост: всё серое, одна деталь цветная.

В каком порядке осваивать

Каждый шаг опирается на предыдущий. Пока человек не сформулировал, какое сравнение показывает, он выбирает тип графика по привычке. Без базовых форм настройки цвета превращаются в украшательство. Инструмент стоит в конце: принципы переносятся из Excel в DataLens за вечер, а обратный путь не работает.

1. Вопрос и тип сравнения: динамика, ранжирование, часть целого, распределение, связь.
2. Базовые формы: столбцы, линия, точечная диаграмма, гистограмма, таблица.
3. Оси и масштаб: ноль, логарифмическая шкала, общий масштаб.
4. Цвет, прямые подписи, заголовок-вывод.
5. Несколько графиков вместе: порядок чтения на слайде или дашборде.
6. Инструмент под задачу.

Пройти эту последовательность систематически можно на онлайн-курсе Яндекс Практикума «Визуализация данных и введение в BI-инструменты» в самостоятельном формате: первые спринты посвящены выбору графика, визуальной иерархии, цвету, подписям и типичным ошибкам, дальше идут семь проектов в DataLens, Datawrapper, Tableau, Power BI и Superset, включая оценку чужих визуализаций. Три месяца, 31 000 ₽. Авторы обзора предупреждают, что на пять платформ времени немного, а объём персональной обратной связи нужно уточнить у школы.

Упражнения и самопроверка

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

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

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

Инструмент выбирают после принципов

Для разового слайда хватает Excel и Google Таблиц, журналисту удобнее сервисы, которые сразу дают адаптивный график для публикации. Если отчёт обновляется каждую неделю и им пользуются несколько человек, нужна BI-система, которая сама забирает данные из источника. Маркетологу, работающему с Яндекс Метрикой и выгрузками в таблицах, подойдёт онлайн-курс ProductStar «Визуализация данных в Yandex DataLens»: восемь уроков за месяц в записи, от подключения источников и вычисляемых полей до дашборда с фильтрами, настройки доступа и итогового проекта. Вебинаров нет, и проверка финального проекта преподавателем в обзоре не описана.

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

Тем, кто уже пишет запросы и хочет собирать дашборды в открытой системе Apache Superset, подходит онлайн-курс Karpov.Courses «Superset: создание дашбордов для бизнеса»: пять недель по 5–8 часов, от источников и базовых графиков до ролей доступа, автоматизации и финального проекта для портфолио. Цена в обзоре — 37 000 ₽ со скидкой. Входные требования школа не описывает, но датасеты в Superset строятся запросами, так что SQL стоит подтянуть заранее.

Как навык влияет на доход

Отдельной надбавки за визуализацию данных источники рынка труда не публикуют. В вакансиях маркетолога, экономиста или журналиста навык стоит рядом с Excel, SQL и отраслевыми знаниями. Там, где визуализация составляет основную работу — у дизайнера инфографики, журналиста данных, BI-разработчика, — доход определяет вся профессия, а не один навык.

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

Что проверить при выборе обучения

Посмотрите, сколько в программе принципов и сколько кнопок: курс, где первые недели уходят на форму, оси и цвет, научит строить понятные графики в любой программе, а курс по одному инструменту быстрее даст рабочий дашборд. Выясните, кто проверяет ваши графики — человек или автотест — и объяснят ли вам, почему форма выбрана неудачно. Хорошо, если учебные данные грязные, как в жизни. Сравнить онлайн-школы можно по рейтингу онлайн-школ с обучением BI и Power BI — он охватывает направление шире, чем одна визуализация, поэтому программу каждого курса сверяйте со своей задачей.