Как выбрать тип графика: таблица, линия, bar chart, карта, scatter plot и treemap

У вас есть набор данных — например, продажи за двенадцать месяцев, рейтинг городов по качеству жизни или структура бюджета компании. Открываете редактор диаграмм и видите три десятка вариантов. В этот момент большинство людей принимает решение по внешнему виду: pie chart выглядит симпатично, 3D-столбики — эффектно. Именно так рождаются отчеты, которые никто не понимает, и инфографика, искажающая реальность.

Правильный подход другой: тип графика определяется не вкусом дизайнера, а вопросом, на который данные должны ответить. «Как менялось?» — это один график. «Что больше?» — другой. «Где именно?» — третий. Ниже разбираем шесть базовых форматов — таблицу, линию, bar chart, карту, scatter plot и treemap, — которые покрывают подавляющее большинство задач в рейтингах, аналитике и инфографике, и объясняем простыми словами, когда работает каждый из них.

Сначала вопрос, потом график

Типы графиков, если объяснить просто, — это способы ответить на разные типы вопросов к данным. Поэтому первый шаг — сформулировать этот вопрос словами, еще до открытия Excel, Google Sheets или Datawrapper.

• Сравнение. «Какая категория больше?» — рейтинг стран, продажи по брендам. Здесь работает bar chart или таблица.
• Динамика. «Как показатель менялся во времени?» — курс валюты, посещаемость сайта. Здесь нужна линия.
• География. «Где именно возникает явление?» — уровень безработицы по областям. Здесь нужна карта.
• Связь. «Связаны ли два показателя?» — расходы на образование и средние оценки. Здесь scatter plot.
• Структура. «Из чего состоит целое?» — статьи бюджета, доли рынка. Здесь treemap или, при простом составе, таблица.
• Точные значения. «Какая конкретная цифра?» — здесь побеждает таблица, и ни один график ее не заменит.

Заметьте: одни и те же данные часто отвечают на несколько вопросов. Рейтинг университетов можно показать таблицей с точными баллами, bar chart для быстрого сравнения топ-10 и картой для географии. Это нормально — сильные хабы данных так и работают, предлагая несколько ракурсов одного набора.

Таблица: самый недооцененный тип визуализации

Таблицу часто воспринимают как «невозможность нарисовать график». На самом деле это полноценный инструмент data visualization с собственными сильными сторонами, и в рейтингах она часто является главным форматом.

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

Практические правила для хорошей таблицы:

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

Главная ошибка — заменять таблицу графиком «для красоты», когда данных мало. Три значения — это предложение или мини-таблица, а не диаграмма.

Линейный график: динамика во времени

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

Ключевое условие — непрерывность оси. Промежутки между точками должны быть одинаковыми: либо все месяцы, либо все годы. Если данные собраны за 2010, 2012 и 2020 годы, линия между ними создаст иллюзию плавного перехода, которого не было. В таком случае лучше показать точки или перейти на столбики.

Сколько линий на одном графике? Две-три читаются хорошо, пять — уже на пределе, десять линий превращаются в «спагетти», где не видно ничего. Если категорий много, разбейте график на несколько маленьких (прием small multiples) или дайте интерактивное отключение серий.

Отдельное предостережение относительно оси Y. В линейных графиках допустимо не начинать ось от нуля — это не искажает пропорции так, как в столбиках. Но агрессивное обрезание оси превращает колебание в 2% в драматический обрыв. Если читатель может воспринять график как сенсацию, проверьте, соответствует ли масштаб реальному размеру изменения.

Bar chart: король сравнений

Столбиковая диаграмма — самый универсальный и самый безопасный выбор, когда нужно сравнить категории: страны, продукты, годы, города. Длина столбика воспринимается человеческим глазом точнее, чем угол сектора или площадь круга, поэтому bar chart почти всегда лучше pie chart.

Вертикальные или горизонтальные? Практическое правило простое: если названия категорий длинные («Государственное предприятие водоснабжения…») или категорий много — делайте горизонтальные полосы, чтобы подписи читались естественно. Для временных периодов по привычке берут вертикальные столбики.

Несколько правил, которые отличают профессиональную диаграмму от любительской:

• ось значений начинайте от нуля — иначе разница между 95 и 100 будет выглядеть как разница вдвое; это самый распространенный способ манипуляции в рейтингах;
• сортируйте столбики по значению, если нет естественного порядка (вроде месяцев); отсортированный рейтинг читается за секунду;
• не используйте 3D и градиенты — они лишь мешают точно считывать длину;
• группированные столбики (несколько серий на категорию) держите в пределах двух-трех серий.

Граничный случай — pie chart. Он допустим только когда долей две-четыре и сумма имеет смысл целого (состав выручки, результаты выборов). Как только долей шесть и больше, pie превращается в угадывание: человеческий глаз не отличает сектор в 18% от 21%. В той же ситуации bar chart работает безупречно.

Карта: когда место — главное

Карта нужна тогда, и только тогда, когда география является содержательной частью ответа. Уровень загрязнения воздуха по городам, явка на выборах по областям, цена аренды по районам — здесь пространство действительно что-то объясняет: кластеры, приграничные эффекты, разница севера и юга.

Самая распространенная форма — картограмма (choropleth), где регионы закрашиваются по значению показателя. Ее главная ловушка — абсолютные числа. Если раскрасить области по количеству преступлений, самыми темными всегда будут самые населенные регионы, и карта покажет не преступность, а карту населения. Решение — нормализация: показатель на 100 тысяч жителей, на квадратный километр, процент от общего.

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

И третье: если география не добавляет смысла, карта вредит. Рейтинг компаний по выручке, размещенный на карте штаб-квартир, — это худший bar chart, на который потратили карту.

Scatter plot: ищем связи

Диаграмма рассеяния показывает, как два числовых показателя соотносятся между собой. Каждая точка — один объект (страна, университет, фильм), одна ось — первый показатель, вторая — второй. Расходы на здравоохранение против средней продолжительности жизни, цена ноутбука против его веса — классические примеры.

Чем scatter plot уникален: ни один другой тип графика не показывает выбросы и кластеры так наглядно. Когда почти все точки тянутся вдоль диагонали, а одна страна сидит далеко вверху, — именно эта точка и есть история. Рейтинги и аналитические хабы данных любят этот формат, потому что он провоцирует вопрос «а почему этот выпадает?».

Что стоит знать, прежде чем строить scatter:

• обе переменные должны быть числовыми; для категорий против числа лучше подойдет bar chart или box plot;
• корреляция, которую видно на графике, не означает причинности — мороженое и утопления коррелируют через третий фактор, лето;
• если точек тысячи и они перекрываются, уменьшите размер, добавьте прозрачность или перейдите на плотность (heatmap);
• размером и цветом точек можно закодировать третий и четвертый показатели, но сверх этого график перестает читаться.

Scatter plot требует от читателя немного больше усилий, чем столбики, поэтому для широкой аудитории его стоит сопровождать короткой подписью-подсказкой: «справа вверху — страны с высокими расходами и высокой продолжительностью жизни».

Treemap: структура целого

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

Когда treemap уместен: много категорий (десятки и сотни), наличие вложенности, потребность показать относительный вклад в целое. Бюджетные порталы используют treemap для статей расходов, медийные хабы — для структуры трафика по разделам.

Ограничения тоже существенны. Площади человеческий глаз сравнивает хуже, чем длины: два прямоугольника с площадями 18 и 21 выглядят почти одинаковыми. Поэтому treemap хорошо отвечает на вопрос «что доминирует?», но плохо — «на сколько именно больше?». Для точного сравнения двух близких категорий добавьте подписи с числами или дублируйте данные таблицей.

Второе условие — все значения должны быть положительными и осмысленно суммироваться в целое. Данные с отрицательными значениями (прибыли и убытки вместе) treemap отобразить не умеет.

Быстрая таблица выбора

Методология данных важнее графика

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

Несколько вещей, которые профессиональные хабы данных и редакции инфографики проверяют перед публикацией:

• сопоставимость: одинаково ли определен показатель во всех строках (например, «безработица» по методологии МОТ и по данным службы занятости — разные числа);
• актуальность и дата: указывайте год и источник прямо на графике или в подписи;
• размер выборки и погрешность: рейтинг по опросу 300 людей нельзя подавать с точностью до десятых;
• честность масштаба: оси, цветовые шкалы и размеры пузырьков не должны преувеличивать эффект.

Именно эти детали отличают инфографику, которой доверяют, от той, что стала вирусной из-за манипуляции.

Распространенные ошибки при выборе графика

Завершим перечнем решений, которые чаще всего портят визуализацию:

• pie chart с десятком секторов вместо отсортированного bar chart;
• линия между категориями, которые не являются временем (линия от «Киева» до «Львова» не имеет смысла);
• 3D-столбики и конусы, искажающие соотношения;
• двухосевые графики, где две линии с разными шкалами создают фальшивую «корреляцию»;
• карта для данных, где география ничего не объясняет;
• ось Y, обрезанная так, чтобы разница в 3% выглядела драматичной;
• цвета без легенды или с десятком оттенков, которые невозможно различить.

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

Частые вопросы

Что лучше: pie chart или bar chart?

В большинстве случаев bar chart: длины сравниваются точнее углов. Pie допустим только для двух-четырех долей, которые очевидно суммируются в целое.

Можно ли начинать ось не с нуля?

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

Сколько категорий можно показать на одном графике?

Для bar chart комфортно до 15–20 (горизонтальных). Больше — группируйте в «прочие», переходите на таблицу или treemap.

Когда график вообще не нужен?

Когда значений два-три. «Продажи выросли с 1,2 до 1,8 млн» — это предложение, а не диаграмма.

Как выбрать график за три шага

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

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