Представьте реку, которая разветвляется на несколько проток: чем полноводнее протока, тем шире её русло. Именно так устроена sankey diagram — диаграмма, на которой ширина каждой стрелки или полосы пропорциональна величине потока. Одного взгляда достаточно, чтобы увидеть, откуда ресурс приходит, куда уходит и где «теряются» самые большие доли. Поэтому этот тип визуализации стал стандартом в отчётах об энергопотреблении, бюджетах, логистике и аналитике пользовательских путей.
Ниже разберём, что такое sankey diagram простыми словами, из каких элементов она состоит, как её правильно читать, где она реально применяется и какие ошибки превращают полезную диаграмму в красочный, но бесполезный рисунок.
- Что такое sankey diagram простыми словами
- Из каких элементов состоит диаграмма и как она работает
- Чем sankey diagram отличается от других типов визуализации
- Где применяется sankey diagram: примеры из практики
- Энергетика и экология
- Бюджет и финансы
- Веб-аналитика и маркетинг
- Логистика и производство
- Социология и данные о населении
- Методология данных: как подготовить данные для диаграммы
- Как построить sankey diagram: инструменты и шаги
- Типичные ошибки при создании диаграммы Санкея
- Частые вопросы о sankey diagram
- Чем sankey diagram отличается от воронки продаж?
- Можно ли построить диаграмму Санкея в Excel?
- Сколько узлов может иметь диаграмма?
- Подходит ли sankey diagram для показа изменений во времени?
- Как выбрать диаграмму Санкея для своей задачи: короткий чеклист
Что такое sankey diagram простыми словами
Диаграмма Санкея отображает потоки между состояниями, категориями или этапами. Узлы обозначают категории, а полосы или стрелки — связи между ними. В корректно построенной диаграмме ширина полосы пропорциональна величине потока: если из узла «Бюджет» в «Маркетинг» идёт 40% средств, а в «Зарплаты» — 60%, вторая полоса должна быть в полтора раза шире.
Название происходит от ирландского инженера Мэттью Санкея, который в конце XIX века использовал такую схему, чтобы показать энергоэффективность паровой машины: сколько энергии топлива превращается в полезную работу, а сколько теряется в виде тепла. Впрочем, сам принцип старше — ещё в середине XIX века похожую карту потоков использовал Шарль Минар, изобразив численность армии Наполеона во время похода на Москву: ширина полосы сужалась по мере потерь. Эта работа до сих пор считается одним из лучших примеров визуализации данных в истории.
Диаграмма Санкея отвечает на вопрос «сколько чего откуда пришло и куда ушло». Несколько состояний во времени на ней показать можно, но для обычного временного ряда линейный график часто читается лучше. Сильная сторона Санкея — структура потоков: поступления, распределение и потери на каждом этапе.
Из каких элементов состоит диаграмма и как она работает
Чтобы понять, как работает sankey diagram, достаточно разобрать четыре её базовых элемента:
- Узлы (nodes) — прямоугольники или блоки, обозначающие категории, этапы или состояния. Например: «Источники трафика», «Страницы сайта», «Конверсии». Высота узла пропорциональна суммарной величине всех потоков, проходящих через него.
- Связи (links) — полосы, которые соединяют узлы. Это и есть потоки: трафик, деньги, энергия, товары, пользователи.
- Вес потока — числовое значение, которое определяет ширину полосы. Именно оно делает диаграмму количественной, а не просто схемой «что с чем связано».
- Баланс — сумма потоков, входящих в узел, обычно равна сумме выходящих (с учётом явно показанных потерь). Если баланс не сходится, читатель сразу заметит разрыв.
Механика чтения проста. Начинаете с левой части (источник), двигаетесь вдоль полос вправо (потребители или результаты). Самые широкие полосы — главные потоки, тонкие — второстепенные. Места, где широкая полоса резко сужается или «сливается» в полосу с подписью вроде «потери», показывают, где система неэффективна.
Именно эта пропорциональность отличает sankey diagram от обычной блок-схемы. В блок-схеме стрелка лишь указывает направление, а здесь она ещё и измеряет. Поэтому диаграмма Санкея сочетает преимущества схемы процесса и графика: показывает и структуру, и масштаб одновременно.
Чем sankey diagram отличается от других типов визуализации
Новички часто путают диаграмму Санкея с похожими форматами, поэтому методология выбора типа графика начинается с вопроса: что именно нужно показать?
| Тип визуализации | Что показывает | Когда выбирать |
|---|---|---|
| Sankey diagram | Потоки и их величины между узлами | Когда важны распределение, потери и баланс поступлений и расходов |
| Столбчатая диаграмма | Сравнение категорий по одному показателю | Когда нужно сравнить значения между собой |
| Круговая диаграмма | Доли целого | Когда категорий мало и нужна только структура без движения |
| Линейный график | Изменение показателя во времени | Когда главное — динамика и тренды |
| Alluvial diagram | Изменение принадлежности групп между несколькими моментами | Когда одни и те же объекты переходят между категориями |
Alluvial diagram — ближайший «родственник»: визуально она похожа, но предназначена для сравнения состава групп в разные моменты времени, а не для потоков ресурсов. Воронка продаж, в свою очередь, показывает лишь последовательное сужение одного потока, тогда как sankey diagram способна отобразить разветвление: когда с одного этапа пользователи идут в несколько разных сценариев.
Практическое правило звучит так: если данные можно записать в виде тройки «откуда — куда — сколько», диаграмма Санкея, скорее всего, подойдёт. Если же в данных нет движения между категориями, лучше выбрать другой формат.
Где применяется sankey diagram: примеры из практики
Теория — это хорошо, но sankey diagram примеры из реальных отраслей объясняют лучше любого определения.
Энергетика и экология
Классическое применение, с которого всё началось. Национальные агентства и исследовательские институты публикуют диаграммы энергетического баланса страны: сколько первичной энергии поступает из нефти, газа, атома и возобновляемых источников, как она распределяется между транспортом, промышленностью и бытовым сектором, и сколько теряется при преобразовании. Такие схемы сразу показывают, что, например, значительная часть энергии тепловых электростанций рассеивается в виде тепла — и это аргумент в пользу модернизации.
Бюджет и финансы
В финансовой отчётности диаграмма Санкея показывает движение денег: из источников дохода (продажи, инвестиции, кредиты) в статьи расходов (себестоимость, зарплаты, маркетинг, налоги) и далее к чистой прибыли или убытку. Правительства некоторых стран публикуют бюджет именно в таком виде, чтобы граждане видели, куда идут налоги. Для малого бизнеса это удобный способ найти «дырку»: полоса, ведущая к мелким непредвиденным расходам, часто оказывается шире, чем казалось.
Веб-аналитика и маркетинг
Инструменты вроде Google Analytics используют flow-отчёты, построенные по принципу Санкея: источники трафика (поиск, соцсети, прямые заходы) → страницы входа → следующие страницы → выход или конверсия. Такой отчёт отвечает на вопросы, которые невозможно увидеть в таблице: действительно ли пользователи из соцсетей попадают на целевые страницы, на каком шаге отсеивается наибольшая доля аудитории, какие пути ведут к покупке.
Логистика и производство
На производстве sankey diagram отображает материальные потоки: сколько сырья поступает, сколько превращается в готовую продукцию, сколько уходит в брак и отходы. В логистике — движение товаров между регионами, складами и каналами дистрибуции. Тонкая полоса к узлу «отходы» — это нормально; если она вдруг расширяется, это сигнал проверить процесс.
Социология и данные о населении
Исследователи используют диаграмму, чтобы показать переходы: например, как выпускники разных специальностей распределяются между отраслями трудоустройства, или как избиратели меняют политические предпочтения между выборами. Здесь формат близок к alluvial, но логика та же — движение между категориями.
Методология данных: как подготовить данные для диаграммы
Качество sankey diagram на 90% определяется не инструментом рисования, а методологией данных. Диаграмма жёстко требует чистой структуры, иначе она будет лгать.
Исходные данные должны иметь вид таблицы из трёх колонок: источник, назначение, значение. Каждая строка — один поток. Например: «Органический поиск → Главная страница → 5200». Самые частые проблемы возникают ещё до рисования:
- Дублирование узлов. Один и тот же этап назван по-разному («Корзина» и «Корзинка») — и диаграмма создаёт два отдельных узла, разрывая поток.
- Циклы. Если пользователь возвращается с шага 3 на шаг 1, классическая диаграмма Санкея не умеет это показать — она ациклична. Циклические переходы приходится либо агрегировать, либо отображать отдельно.
- Несбалансированность. Сумма входов в узел не равна сумме выходов, но потери или источники разницы нигде не показаны. Решение — добавить явный узел «прочее» или «потери».
- Слишком мелкая детализация. Сотня узлов и тысяча полос превращаются в «спагетти». Практическое ограничение — объединять потоки меньше 1–2% от общего объёма в категорию «прочие».
Ещё один методологический нюанс: для разных узлов могут существовать разные единицы измерения. Энергия — в джоулях или киловатт-часах, деньги — в валюте, трафик — в сессиях. Смешивать единицы на одной диаграмме нельзя: сначала всё приводится к общему знаменателю, иначе пропорции теряют смысл.
Как построить sankey diagram: инструменты и шаги
В зависимости от навыков и задачи, инструменты делятся на три группы.
Онлайн-конструкторы без кода. Самый простой путь для разовой инфографики: сервисы вроде SankeyMATIC или Flourish позволяют вставить данные в текстовом формате и сразу получить диаграмму с настройкой цветов и подписей. Подходит для презентаций и публикаций, где не нужна интерактивность на сайте.
Библиотеки для разработчиков. Для интерактивных отчётов используют Google Charts, Plotly, Highcharts или D3.js. Последняя даёт максимальную гибкость — можно управлять каждой деталью, от направления потоков до анимации, но требует знания JavaScript. Plotly имеет удобные интерфейсы для Python и R, поэтому её часто выбирают аналитики данных.
BI-платформы. Power BI, Tableau и Looker Studio имеют встроенные или расширяемые возможности для диаграмм Санкея. Это оптимальный вариант, когда диаграмма должна обновляться вместе с данными — например, ежемесячный отчёт о воронке продаж.
Сам процесс построения выглядит так:
- Сформулируйте вопрос, на который должна ответить диаграмма (например: «Куда уходят пользователи после первого визита?»).
- Соберите данные в формате «источник — назначение — значение» и очистите их от дублей.
- Агрегируйте мелкие потоки в категорию «прочие».
- Выберите инструмент и загрузите данные.
- Настройте порядок узлов, цвета и подписи так, чтобы самые важные потоки читались первыми.
- Проверьте баланс и попросите человека «со стороны» прочитать диаграмму — если он не понимает её за 15 секунд, упрощайте.
Типичные ошибки при создании диаграммы Санкея
Даже с корректными данными диаграмму легко испортить оформлением. Вот ошибки, которые встречаются чаще всего:
- Нарушение пропорциональности. Если полосы рисуются «на глаз» в графическом редакторе, диаграмма теряет главный смысл. Стройте только программными инструментами, где ширина рассчитывается автоматически.
- Слишком много уровней. Пять-семь колонок узлов — это предел читаемости. Дальше потоки пересекаются и превращаются в хаос.
- Цвета без логики. Цвет должен что-то означать: категорию источника, тип потока или потери. Случайная радуга лишь отвлекает.
- Отсутствие подписей и единиц. Без цифр на ключевых потоках читатель видит лишь относительные пропорции, но не абсолютные величины.
- Использование не по назначению. Если данные — это просто доли целого без движения, круговая диаграмма будет честнее и понятнее.
Главный критерий качества прост: диаграмма удалась, если главный вывод виден без чтения подписей — лишь по соотношению ширины полос.
Частые вопросы о sankey diagram
Чем sankey diagram отличается от воронки продаж?
Воронка показывает один поток, который последовательно сужается через этапы. Sankey diagram позволяет разветвление: с каждого этапа поток может идти в несколько направлений, а также сливаться с другими потоками. Если после первого шага пользователи идут тремя разными путями, воронка этого не покажет.
Можно ли построить диаграмму Санкея в Excel?
Штатного типа диаграммы Санкея в Excel нет. Существуют обходные пути — надстройки, макросы или ручное рисование фигур, но пропорциональность при этом легко нарушить. Практичнее воспользоваться бесплатными онлайн-конструкторами или Power BI, у которого есть бесплатная десктопная версия.
Сколько узлов может иметь диаграмма?
Технических ограничений почти нет, практические — да: для публикации или презентации комфортный предел составляет 10–20 узлов и до нескольких десятков потоков. Для интерактивных аналитических инструментов, где можно фильтровать и увеличивать фрагменты, допустимо больше.
Подходит ли sankey diagram для показа изменений во времени?
Непосредственно — нет, у неё нет временной оси. Если нужно показать, как меняется распределение между несколькими моментами времени, обычно выбирают alluvial diagram или серию из нескольких диаграмм Санкея рядом.
Как выбрать диаграмму Санкея для своей задачи: короткий чеклист
Прежде чем строить sankey diagram, пройдитесь по пяти пунктам. Диаграмма уместна, если: ваши данные описывают движение чего-либо (денег, энергии, пользователей, материалов) между категориями; каждый поток имеет числовое значение в одних и тех же единицах; баланс входов и выходов сходится или разница объяснена явными узлами потерь; количество узлов укладывается в разумные пределы читаемости; и главный вопрос звучит как «откуда — куда — сколько», а не «как изменилось» или «что больше». Если хотя бы один пункт не выполняется, скорее всего, задаче лучше подойдёт другой тип визуализации — и это не поражение, а грамотная методология работы с данными.
