Диаграмма показывает несколько показателей разными линиями. Базовый план продаж, оптимистичный план продаж и фактические продажи можно показать пунктирной, штриховой и сплошной линиями соответственно.
Диаграммы и графики: как выбрать правильную визуализацию данных
Визуальное представление информации помогает представить сложные данные в виде, который легко воспринимать. Правильный выбор формата позволяет мгновенно выявлять тренды, аномалии и взаимосвязи, которые невозможно заметить в сырых данных.
21 апреля 2025 г.
20 минут чтения
Визуальное восприятие информации быстрее текстового. Исследования показывают: мозг обрабатывает изображения всего за 13 миллисекунд, тогда как на чтение слова уходит 200–250 миллисекунд. Это объясняет, почему графики и диаграммы так часто используют для поиска закономерностей в массивах цифр. Инструменты вроде Yandex DataLens позволяют легко и просто создавать наглядные дашборды.
Эффективность визуализации зависит от её формата. Так, линейные графики чаще всего помогают отслеживать изменения во времени, столбчатые диаграммы — сравнивать категории, а круговые — части целого. Неверно выбранный формат затруднит понимание или исказит информацию. Правильно подобранные диаграммы делают презентации и отчёты более убедительными. Они привлекают внимание к ключевым данным и помогают донести главные мысли даже до неподготовленной аудитории.
В статье разберём основные виды диаграмм и графиков, объясним их особенности и принципы выбора и на примерах покажем, как правильная визуализация помогает принимать бизнес‑решения.
Выбор подходящей диаграммы
Выбор типа диаграммы — ключевой этап визуализации данных. Есть три основных критерия для решения.
Первый из них — тип и структура данных. Для количественных (числовых) данных подойдут линейные, столбчатые или точечные диаграммы. Категориальные (текстовые) данные лучше отображать столбчатыми или круговыми диаграммами. Временные ряды требуют линейных графиков, которые наглядно показывают тенденции изменения показателей.
Второй критерий — цель отображения информации. Для сравнения значений между категориями используют столбчатые или линейчатые диаграммы (горизонтальные столбцы). Распределение данных покажут гистограммы или точечные графики. Тренды и динамику отражают линейные диаграммы.
Взаимосвязи между переменными лучше анализировать через диаграммы рассеяния (графики, где каждая точка представляет пару значений). Если чётко определить цель, выбранная диаграмма эффективно донесёт главную мысль.
Третий критерий — учёт особенностей аудитории. Для широкой публики подойдут простые и распространённые типы графиков. Специалистам можно предложить более сложные визуализации. Когда визуализацию адаптируют к целевой аудитории, её лучше понимают и она вызывает больший интерес.
При этом важен баланс информативности и простоты восприятия. Слишком сложная визуализация или незнакомые типы диаграмм могут запутать аудиторию и помешать передаче ключевой информации.
Основные виды диаграмм
Существует множество типов диаграмм и графиков, каждый из которых предназначен для решения определённых задач и эффективного представления разных типов данных. Рассмотрим основные виды, их характеристики, особенности и примеры применения.
Линейная диаграмма
Линейная диаграмма отображает изменение одного или нескольких показателей в зависимости от времени или другой непрерывной переменной, соединяя последовательность точек линией. Каждая точка имеет координаты X и Y, где X обычно представляет время, а Y — измеряемую величину.
Этот тип диаграмм эффективно демонстрирует тренды, сезонность и динамику изменения показателей. Линейные графики помогают увидеть общее направление изменений, периоды роста и спада, а также сравнить несколько показателей в одних временных точках. Ломаная линия сразу показывает тенденцию: восходящий наклон указывает на рост показателя, нисходящий — на спад.
Линейные диаграммы идеально подходят для визуализации временных рядов — например, ежемесячных продаж интернет‑магазина, изменения температуры серверного оборудования в течение суток, динамики пользовательской базы мобильных приложений за год. Такие графики помогают выявлять сезонные колебания и аномалии в данных.
Так, в аналитических отчётах McKinsey за 2024 год восемь линейных диаграмм сравнили прогноз динамики рабочей силы для разных стран на ближайшие годы. Этот тип графиков остаётся одним из самых понятных и удобных инструментов для отслеживания изменений во времени.
Диаграмма с областями
Диаграмма с областями — это разновидность линейной диаграммы, где пространство под линией заполнено цветом для акцентирования внимания не только на динамике показателя, но и на его величине.
Диаграмма показывает изменение показателя во времени. Область между осью и линией заполняется цветами, чтобы указать объём. При показе нескольких категорий данных они накладываются друг на друга сверху или в проекции, в зависимости от настройки.
Такие диаграммы особенно полезны для визуализации временных рядов, когда важно показать и динамику, и объём или вклад показателя. Залитая цветом область под кривой показывает совокупный объём показателя за период. Например, диаграмму с областями можно использовать для отображения общего объёма продаж по регионам в динамике или изменения потребления разных видов энергии за квартал.
Закрашенная область под линией визуально акцентирует масштаб величины, что помогает быстрее оценить значимость изменений. При этом стоит помнить: заливка может немного снизить восприятие динамики. Если важны именно колебания, лучше использовать чистую линейную диаграмму без заливки.
Диаграммы с областями часто применяют для отображения совокупных значений по времени, например общего количества пользователей сервиса или суммарного объёма хранимых данных. Такой график одновременно показывает и абсолютную величину, и динамику её изменения.
Нормированная диаграмма с областями
Нормированная диаграмма с областями показывает, как со временем изменяется вклад каждой категории в общее значение показателя, где общая высота всегда составляет 100%.
Диаграмма показывает изменения вклада каждой категории в значение показателя на отрезке времени. Области выделяются разными цветами и располагаются друг над другом. Показывается процентное соотношение между областями, а не абсолютная величина областей. Ширина области соответствует её доле от общей суммы, приведённой к 100%. В этом примере показана доля статей расхода в общей сумме бюджета.
Так как здесь отображается не абсолютная величина, а процентное соотношение категорий в динамике, это позволяет наглядно видеть, как меняется структура целого с течением времени, даже если общая сумма тоже изменяется. Такой подход особенно полезен для анализа пропорций и долей рынка.
Нормированную диаграмму с областями удобно использовать для отображения доли каждой категории в общей сумме в динамике. Например, с её помощью можно проанализировать изменение доли рынка различных брендов смартфонов за несколько лет или отобразить процентное распределение статей расходов в бюджете компании по месяцам.
Так, в блоге The Data Visualisation Catalogue продемонстрировали долевую динамику мировых выбросов CO₂ по регионам на процентной областной диаграмме. Такая визуализация сразу показывает, какие регионы увеличивают или уменьшают свою долю в общих выбросах, независимо от изменения абсолютных значений. Для сохранения читаемости нормированных диаграмм с областями график обычно не перегружают большим числом категорий.
Столбчатая диаграмма
Столбчатая диаграмма — это набор вертикальных столбцов, высота которых пропорциональна значениям сравниваемых показателей, что позволяет наглядно сравнивать величины между разными группами.
Диаграмма отображает значения одного или нескольких показателей по периодам времени или категориям. Высота столбца определяет значение показателя: чем он выше, тем больше его значение. В отличие от линейного графика, эта диаграмма предполагает прямое сравнение между отдельными периодами, делая акцент на индивидуальных значениях, а не на общем тренде показателя.
Этот тип диаграмм идеально подходит для сравнения дискретных категорий (отдельных, разделённых групп данных) или значений в определённый момент времени. Столбчатые диаграммы помогают быстро определить наибольшие и наименьшие значения, а также увидеть разницу между категориями.
В российской терминологии такие графики иногда называют гистограммами. Однако технически гистограмма — это особый случай, который представляет распределение по интервалам. В английском языке и вертикальные, и горизонтальные варианты называются bar chart. В русском языке вертикальный вариант — столбчатая диаграмма, горизонтальный — линейчатая.
Столбчатая диаграмма с накоплением
Столбчатая диаграмма с накоплением показывает вклад различных категорий в общую сумму, где каждый столбец представляет общее значение, а сегменты внутри него отображают долю каждой подкатегории.
Диаграмма показывает соотношение внутренних сегментов по периодам времени или категориям. При этом сегменты располагаются друг над другом — основанием для каждого следующего сегмента будет крайняя граница предыдущего. Поскольку сумма всех сегментов выражается общей длиной столбца, то такую диаграмму используют, когда важна итоговая сумма столбца.
Этот тип диаграмм помогает не только сравнивать общие значения между категориями, но и анализировать внутреннюю структуру каждой категории. Например, столбцы могут отображать общий доход по годам, а цветные секции внутри них — вклад различных продуктовых линий в этот доход.
Накопленные столбчатые диаграммы особенно полезны, когда нужно одновременно оценить и общее значение, и вклад компонентов. Они наглядно демонстрируют, как разные составляющие формируют целое. Но сравнивать абсолютные значения компонентов между столбцами может быть затруднительно, если они не выровнены по базовой линии.
В финансовой аналитике такие диаграммы часто применяют, чтобы визуализировать структуру доходов или расходов в динамике. Например, столбцы показывают общую выручку по кварталам, а секции внутри отражают продажи по регионам или каналам сбыта.
Нормированная столбчатая диаграмма
Нормированная столбчатая диаграмма показывает процентный вклад каждого показателя или категории в общую сумму, при этом высота каждого столбца всегда равна 100%, а сегменты отображают долю категории.
Нормированная столбчатая диаграмма показывает вклад каждого показателя или категории в общую сумму. В отличие от столбчатой диаграммы с накоплением, для этой диаграммы важна не суммарная длина столбца, а соотношение долей сегментов между собой. Сегменты выделяются разными цветами и располагаются друг над другом. Высота сегмента соответствует его доле от общей суммы, приведённой к 100%. На скриншоте — доля продаж для разных категорий товаров.
Такой подход позволяет сравнивать пропорциональное распределение категорий между различными группами без учёта различий в абсолютных величинах. Это особенно удобно, когда важна именно структура, а не абсолютные цифры. Например, с помощью нормированной столбчатой диаграммы можно наглядно увидеть, как отличается структура расходов в разных отделах компании, несмотря на разницу в их бюджетах.
Нормированные столбчатые диаграммы эффективно показывают относительный вклад различных категорий в общее значение. Они упрощают сравнение пропорций между группами, даже если общие суммы существенно различаются.
Линейчатая диаграмма
Линейчатая диаграмма аналогична столбчатой, но с горизонтальным расположением элементов: данные отображаются в виде горизонтальных полос, длина которых пропорциональна значению показателя.
Диаграмма отображает значения одного или нескольких показателей по каждой категории с помощью горизонтальных столбцов. Длина столбца определяет значение показателя: чем он длиннее, тем больше его значение. На скриншоте — сравнение продаж товаров по их подкатегориям.
Этот тип диаграмм особенно удобен, когда названия категорий длинные — они лучше читаются в строку слева от полос. Горизонтальная ориентация также полезна при большом количестве категорий, поскольку список может легко расширяться вниз и при этом не сжимается по горизонтали.
Линейчатые диаграммы часто используют для рейтингов и топов, где категории ранжируются по величине. Например, они эффективно показывают выручку по продуктовым подкатегориям и помогают сразу увидеть лидеров и аутсайдеров. Длинные горизонтальные полосы наглядно демонстрируют, что «Техника для красоты и здоровья» приносит больше всего продаж, а категория «Чистящие средства» — существенно меньше. Этот формат популярен, чтобы визуализировать опросы и анкеты.
Нормированная линейчатая диаграмма
Нормированная линейчатая диаграмма показывает процентный вклад нескольких показателей в общую сумму по периодам времени или категориям, где длина каждой полосы равна 100%, а сегменты отображают относительный вклад категории.
В отличие от линейчатой диаграммы с накоплением, для этой диаграммы важна не суммарная длина столбца, а соотношение долей сегментов между собой. Сегменты выделяются разными цветами и располагаются друг за другом. Длина сегмента соответствует его доле от общей суммы, приведённой к 100%.
Подобно нормированным столбчатым диаграммам, они эффективно показывают пропорции, но с горизонтальной ориентацией. Это особенно удобно при длинных названиях категорий или большом количестве групп. Горизонтальное расположение может облегчить сравнение размеров сегментов в разных полосах, особенно при наличии нескольких категорий.
Нормированные линейчатые диаграммы используют для сравнения относительного вклада различных категорий в общее значение — доли отображаются горизонтально. Например, можно визуализировать долю различных каналов продаж в общем объёме продаж за каждый квартал или отобразить процентное соотношение различных типов расходов в бюджете домохозяйства.
Точечная диаграмма
Точечная диаграмма, или Диаграмма рассеяния — это тип графика, который показывает взаимосвязь между двумя количественными (числовыми) переменными. График выглядит как «облако» точек на плоскости. Каждая точка соответствует отдельному наблюдению (например, клиенту, товару или дню). Её положение по горизонтальной и вертикальной осям определяют значения этих двух переменных. Форма и плотность этого «облака» помогают визуально оценить, как связаны между собой анализируемые показатели.
Диаграмма показывает отношение между двумя величинами — измерениями или показателями. Их значения показываются в виде точек. Диаграмму используют, когда нужно найти зависимость между измерениями и показателями или показать разброс значений. В нашем случае это соотношение между средним чеком на товар и числом заявок.
Основное назначение точечной диаграммы — помочь понять скрытые закономерности в данных. Прежде всего, она позволяет выявлять корреляции, то есть определять зависимость между переменными и её характер.
Если точки выстраиваются в линию, которая идёт вверх и вправо, это говорит о положительной корреляции — обе переменные растут вместе. Например, так могут быть связаны расходы на маркетинг и объём продаж.
Если же точки формируют нисходящий тренд, это указывает на отрицательную корреляцию: рост одной переменной сопровождается снижением другой. Например, количество ошибок может уменьшаться со временем тестирования. Когда точки разбросаны хаотично, явной линейной связи между переменными, скорее всего, нет.
Кроме того, точечная диаграмма помогает обнаруживать кластеры — отдельные группы или скопления точек. Такие группы могут указывать на естественные сегменты в данных с разными характеристиками или моделями поведения. Например, при анализе клиентов могут быть видны группы с разной частотой покупок и средним чеком.
Ещё одна важная функция — выявлять выбросы или аномалии. Точки, которые находятся далеко от основного «облака», сигнализируют о необычных или потенциально ошибочных данных. Они требуют дополнительного исследования.
Благодаря информативности точечные диаграммы применяют в разных областях для исследовательского анализа данных. В бизнесе и маркетинге их используют, чтобы проанализировать зависимость между расходами на рекламу и объёмом продаж или оценить связь между удовлетворённостью клиентов и их лояльностью.
Современные аналитические инструменты, такие как Yandex DataLens, часто позволяют расширить функциональность точечных диаграмм. Можно добавить линии тренда для отображения корреляции или использовать интерактивные элементы, например всплывающие подсказки с информацией о точке при наведении.
Круговая диаграмма
Круговая диаграмма — это круг, разделённый на секторы, каждый из которых соответствует определённой категории. Площадь каждого сектора пропорциональна доле категории в общей сумме, а вся площадь круга составляет 100%. Этот тип диаграмм интуитивно понятен: размер «кусочка пирога» сразу показывает значимость категории.
Диаграмма отображает отношение между категориями при помощи сегментов круга и подходит для показа пропорций небольшого количества секторов.
Круговые диаграммы эффективны, чтобы отображать пропорции или процентное распределение, когда категорий немного (до 5–7) и они значительно различаются по величине. Если взглянуть на такой график, можно быстро оценить, какой сектор больше, а какой меньше, и понять соотношение частей. Например, такая диаграмма продаж по продуктам наглядно покажет, что продукт A приносит 50% выручки, продукт B — 30%, а остальные — 20%.
Эту визуализацию широко используют, чтобы демонстрировать структуру целого: доли рынка, распределение бюджета по статьям, результаты опросов по категориям. Но у круговых диаграмм есть важные ограничения. Если доли близки по размеру или категорий слишком много, сравнивать сегменты становится трудно. Для точности проценты часто подписывают прямо на секторах.
В финансовой аналитике круговые диаграммы применяют, чтобы визуализировать структуру выручки по регионам или расходов по статьям. Круговые диаграммы часто используют, чтобы представить процентное распределение категориальных данных, например долю разных операционных систем среди пользователей или распределение источников дохода компании.
Кольцевая диаграмма
Кольцевая диаграмма — это разновидность круговой диаграммы с пустым пространством в центре, где сумма сегментов составляет 100%, а размер каждого сегмента отражает долю категории.
Диаграмма отображает отношение между категориями при помощи сегментов кольца. Число в центре кольца зависит от выбранного показателя и отражает общий итог. Кольцевые диаграммы подходят для отображения небольшого количества сегментов.
Главное преимущество кольцевой диаграммы в том, что центральное пространство можно использовать для дополнительной информации, например общего количества или итогового значения. Это позволяет объединить на одном элементе абсолютные и относительные показатели. Кроме того, на одной кольцевой диаграмме можно расположить несколько концентрических колец и сравнить структуры нескольких совокупностей. Обычно используют не более двух колец.
Если говорить о восприятии долей, разница между круговой и кольцевой диаграммами минимальна. Обе они хорошо показывают соотношение частей целого. Однако кольцевая диаграмма часто выглядит иначе, и её выбирают для аналитических дашбордов, так как в центре можно разместить итоговый показатель.
В продуктовой аналитике кольцевые диаграммы встречаются на дашбордах. В центре крупным числом показывают общий показатель (например, общий объём продаж), а вокруг кольцом — доли по сегментам рынка. Можно визуализировать доли каналов маркетинга и указать общее количество привлечённых клиентов. Или показать распределение типов устройств с общим числом сессий. Такая диаграмма объединяет в одном виджете ключевое число и его структуру.
Древовидная диаграмма
Древовидная диаграмма визуализирует иерархические данные как набор вложенных прямоугольников, где каждый уровень иерархии представлен цветным прямоугольником, а размер вложенных прямоугольников определяется значением показателя.
Древовидная диаграмма отражает иерархические данные как набор вложенных прямоугольников. Каждый уровень иерархии соответствует измерению и представлен цветным прямоугольником, содержащим вложенные прямоугольники. Размер каждого прямоугольника определяется значением показателя: чем выше его значение, тем больше размер. Диаграмма экономично расходует место на дашборде даже при большом количестве данных. На скриншоте — продажи в разрезе категорий и подкатегорий товаров.
Каждый узел‑ветвь может раскрываться на подуровни и формировать структуру наподобие организационной схемы. Такое представление помогает понять вложенность и долю каждого узла в общей иерархии. Как правило, размер или подпись узла отражает его значимость или вклад в общий показатель.
Древовидные диаграммы особенно полезны для данных с естественной иерархической структурой. Например, структура организации компании (департаменты → отделы → сотрудники), разделение продуктового ассортимента по категориям и подкатегориям, структура расходов бюджета. Они позволяют пользователю видеть и общую картину, и детали одновременно.
В бизнесе такие диаграммы применяют, чтобы интерактивно представить показатели в иерархическом виде. Например, в структуре продаж на верхнем уровне отображаются крупные категории товаров (электроника, одежда, продукты), от каждой отходят ветви к подкатегориям (электроника → смартфоны, ноутбуки, ТВ).
Комбинированная диаграмма
Комбинированная диаграмма объединяет на одном графике несколько типов диаграмм (чаще всего столбчатую и линейную) для сравнения двух или более рядов данных, измеряемых в разных величинах или масштабах, часто с использованием разных осей.
Комбинированная диаграмма — отдельный тип визуализации, который состоит из слоёв. Каждый слой представлен отдельным типом диаграммы. Можно комбинировать линейные, столбчатые и диаграммы с областями. Комбинированную диаграмму часто используют для сравнения плана и факта. Линию плана можно показать пунктиром на слое с линейной диаграммой, а столбцы факта разбить по категориям на слое со столбчатой.
Такой подход позволяет визуализировать взаимосвязь между показателями, которые сложно сопоставить напрямую из‑за разницы в единицах измерения. Например, можно совместить объём продаж в рублях (столбцы по левой оси) и процент маржинальности (линия по правой оси). Это сразу покажет, соответствуют ли пики продаж высокой доходности или, наоборот, период максимальной маржи совпадает со спадом объёмов.
Комбинированные графики удобны, чтобы отображать плановые и фактические показатели: столбцы представляют факт, линия — план или процент того, как он выполнен. Таким способом можно сравнить фактические и плановые продажи или отобразить динамику количества пользователей (линейный график) и среднего времени сессии (столбцы) на одной диаграмме.
В корпоративных дашбордах комбинированные диаграммы позволяют компактно представлять KPI разного рода. Например, показать на одном графике абсолютное число новых пользователей (столбцы) и процент удержания (линия) по неделям. Это сразу выявляет, не снижается ли удержание, когда растёт привлечение.
Рекомендации по созданию эффективных диаграмм
Чтобы диаграммы были понятными и информативными, нужно внимание к деталям и понимание того, как люди воспринимают визуальную информацию. Грамотно оформленная визуализация помогает быстрее анализировать данные и принимать верные решения. Если неудачно выбрать тип графика или его оформление, это может исказить смысл данных или затруднить их восприятие.
Цветовая схема играет важную роль в том, как воспринимаются диаграммы. Для категориальных данных используют контрастные цвета, для числовых значений — градиенты одного цвета (от светлого к тёмному). Чтобы диаграммы были доступны для людей с нарушениями цветовосприятия, можно выбирать соответствующие палитры. Слишком много ярких цветов перегружают визуализацию, поэтому часто ограничиваются 5–7 оттенками с хорошим контрастом.
Читаемость повышают чёткие заголовки и подписи осей. Информативное название диаграммы отражает суть данных. На осях нужны чёткие обозначения с единицами измерения. Легенда помогает идентифицировать категории или ряды данных.
Визуальный шум и перегруженность мешают воспринимать диаграммы. Лишние декоративные элементы, трёхмерные эффекты и ненужные линии сетки отвлекают от сути данных. Принцип минимализма в визуализации часто работает лучше всего: каждый элемент несёт смысловую нагрузку. Иногда сложную информацию лучше разбить на несколько простых диаграмм, чем пытаться уместить всё в одну.
Интерактивные возможности современных инструментов визуализации значительно расширяют аналитический потенциал диаграмм. Функции, которые позволяют масштабировать, фильтровать данные, показывать всплывающие подсказки и детализировать информацию по клику, превращают статичные графики в удобные инструменты для исследования данных. Эти возможности позволяют создавать многоуровневый анализ — от общей картины до детализации по запросу.
Существует баланс между эстетикой и функциональностью диаграмм. Красивая, но неточная визуализация вводит в заблуждение. Точная, но визуально отталкивающая — не привлекает внимания. Оптимальный подход сочетает точность представления данных с визуальной привлекательностью. Чтобы создавать профессиональные диаграммы, можно использовать специализированные инструменты, такие как Yandex DataLens. Они предлагают готовые шаблоны и настройки, которые помогают быстро получить качественные результаты.
Что дальше
Мы рассмотрели основные типы диаграмм, которые помогают визуализировать тренды, сравнивать категории и показывать структуру данных.
Диаграммы и графики — не единственные инструменты. Во второй части статьи мы изучим другие важные способы представления информации: таблицы для детального анализа, географические карты для пространственных данных и индикаторы для отслеживания ключевых показателей.
