Диаграммы Санкей
Визуализируйте потоки между узлами с пропорциональными стрелками. Идеально для потоков энергии, распределения бюджета и воронок конверсии.
Что такое Диаграммы Санкей?
Диаграммы Санкей — это диаграммы потоков, где ширина стрелок пропорциональна представляемой величине потока. Они превосходно показывают, как величины текут, разделяются и объединяются через систему. Названные в честь ирландского капитана Мэтью Санкея, эти диаграммы незаменимы для визуализации передачи энергии, бюджетных потоков, воронок конверсии и любого процесса, где важно понимание пропорциональных потоков.
Редактирование и предпросмотр
Создайте Диаграммы Санкей с синтаксисом Mermaid и мгновенно увидите изменения.
Example
Sankey diagram example
A Mermaid sankey diagram showing how editor exports flow into documentation uses.
Mermaid code
sankey-beta
Editor,PNG export,42
Editor,SVG export,28
Editor,PDF export,18
Editor,JPG export,12
PNG export,Documentation,35
SVG export,Website,22
PDF export,Presentation,15Типичные сценарии использования
Анализ воронки конверсии
Визуализируйте поток пользователей через маркетинговые или воронки продаж. Смотрите, где пользователи уходят и как трафик конвертируется на каждом этапе.
Визуализация потоков энергии
Показывайте, как энергия генерируется, преобразуется и потребляется в системе. Отслеживайте потери и эффективность на каждом этапе.
Бюджетные и финансовые потоки
Иллюстрируйте, как деньги текут от источников дохода через отделы к расходам. Делайте финансовые распределения интуитивно понятными.
Картирование цепочки поставок
Прослеживайте материалы и продукты от поставщиков через производство до дистрибуции. Визуализируйте объёмы на каждом этапе.
Ключевые возможности
Пропорциональные стрелки
Ширина стрелок автоматически масштабируется для представления объёмов потоков, делая относительные величины мгновенно видимыми.
Метки узлов
Определяйте узлы-источники и целевые узлы с описательными метками для идентификации каждого этапа или сущности в потоке.
Множественные потоки
Показывайте потоки, разделяющиеся от одного источника к нескольким целям или объединяющиеся от нескольких источников в одну цель.
Простой CSV-подобный синтаксис
Определяйте потоки с помощью интуитивных троек «источник, цель, значение», которые легко писать и поддерживать.
Лучшие практики
Поток слева направо
Располагайте диаграмму так, чтобы потоки шли слева направо, совпадая с естественным направлением чтения и временной прогрессией.
Используйте осмысленные имена узлов
Подписывайте узлы чётко, чтобы читатели сразу понимали, что представляет каждый этап или сущность.
Ограничивайте сложность
Поддерживайте управляемое количество потоков и узлов. Слишком много пересекающихся стрелок снижают читаемость.
Обеспечивайте точность данных
Проверяйте точность значений потоков, поскольку визуальные пропорции напрямую передают объёмы читателям.
Другие типы диаграмм
Блок-схемы
Визуализируйте процессы, рабочие потоки и алгоритмы с помощью узлов и направленных стрелок. Идеально для бизнес-процессов и деревьев решений.
Диаграммы последовательности
Документируйте взаимодействия между различными участниками или системами во времени. Идеально для документации API и проектирования систем.
Диаграммы классов
Моделируйте объектно-ориентированные системы с классами, атрибутами и связями. Необходимы для планирования архитектуры ПО.
Диаграммы состояний
Отображайте переходы состояний в системах или приложениях. Отлично подходят для моделирования жизненных циклов и рабочих процессов.
Диаграммы Ганта
Планируйте и отслеживайте сроки проектов с задачами и зависимостями. Идеально для управления проектами и составления расписаний.
ER-диаграммы
Проектируйте схемы баз данных с сущностями и связями. Идеально для моделирования и документирования баз данных.
Пользовательский путь
Отображайте пользовательский опыт и взаимодействия в различных точках контакта. Отлично подходит для UX-дизайна и картирования клиентского пути.
Git-графы
Визуализируйте стратегии ветвления и историю коммитов в Git. Полезно для объяснения рабочих процессов системы контроля версий.
Ментальные карты
Организуйте идеи, проводите мозговые штурмы и создавайте иерархические визуальные структуры. Идеально для планирования и картирования знаний.
Круговые диаграммы
Отображайте пропорциональные распределения данных с помощью круговых диаграмм. Идеально для отображения процентов и долей рынка.
Таймлайны
Визуализируйте хронологические события и вехи вдоль временной оси. Отлично подходят для истории проектов и дорожных карт.
Канбан-доски
Организуйте задачи в колонки, представляющие этапы рабочего процесса. Идеально для гибкого управления проектами и отслеживания задач.
Квадрантные диаграммы
Размещайте элементы на двухосевой сетке для сравнения и приоритизации. Идеально для приоритизации функций и стратегического анализа.
XY-диаграммы
Создавайте столбчатые и линейные графики с настраиваемыми осями. Идеально для визуализации данных и анализа трендов.
Блочные диаграммы
Создавайте структурированные макеты с блоками, расположенными в колонках и строках. Отлично для системной архитектуры и обзоров компонентов.
Архитектурные диаграммы
Проектируйте облачную и системную архитектуру с иконками сервисов и соединениями. Идеально для документации инфраструктуры.
Диаграммы пакетов
Визуализируйте структуры сетевых протоколов с побитовой раскладкой полей. Необходимы для документации сетевых протоколов.