Перейти к содержанию
100% локально

Генератор диаграмм Mermaid

Преобразуйте структурированный список в определение Mermaid блок-схемы, графа иерархии или интеллект-карты.

Входные данные
Выходные данные

Генератор диаграмм Mermaid

Вставьте структурированный или маркированный список и этот инструмент сразу преобразует его в синтаксис диаграммы Mermaid, готовый к использованию в README, wiki-странице, Notion или любом редакторе с поддержкой Mermaid. Каждый уровень отступа становится отношением родитель-дочка, поэтому схема процесса, организационная структура или структура папок превращается в определение диаграммы без необходимости писать синтаксис узлов и рёбер вручную.

Сначала выберите тип диаграммы: блок-схема и граф иерархии используют синтаксис узел-стрелка Mermaid (разница только в ключевом слове, открывающем определение), а интеллект-карта создает вложенный, без стрелок макет, который Mermaid использует для радиальных майндмапов. Направление (сверху вниз, слева направо, снизу вверх, справа налево) и стиль соединения (стрелка, пунктир, толстая) применяются к блок-схемам и графам иерархии. Форма узла контролирует, будет ли каждый элемент отображаться как прямоугольник, скругленный прямоугольник, ромб или цилиндр. Отключите автогенерацию ID, чтобы использовать текст элемента вместо универсальной последовательности n1, n2, n3 — полезно, когда вы хотите читать синтаксис так же легко, как отображаемый результат. Нумерация узлов добавляет позицию в список перед каждой меткой, а максимальная глубина вложения позволяет ограничить количество уровней отступов, исключая всё более глубокое.

Отступы могут быть табуляторами, пробелами или маркерами в начале (-, *, •, +) — инструмент измеряет относительную ширину отступа, а не предполагает фиксированный размер вкладки, поэтому смешанные списки всё равно вложены правильно. Кавычки, скобки, круглые скобки и другие символы, которые в противном случае нарушили бы синтаксис Mermaid, автоматически экранируются в метках, поэтому вставленный текст никогда не производит недействительный результат. Разрывы строк Windows (CRLF) и Unix (LF) обрабатываются одинаково, а счётчик под результатом показывает строки входа, созданные узлы и рёбра, и общее количество символов.

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

FAQ

В чём разница между «Блок-схема» и «Граф иерархии»?
Они используют одинаковый синтаксис узел-стрелка; граф иерархии просто открывает определение с более старым ключевым словом Mermaid «graph» вместо «flowchart». Оба отображаются одинаково в любом средстве просмотра, совместимом с Mermaid.
Поддерживает ли интеллект-карта направление или стиль соединения?
Нет. Интеллект-карты Mermaid размещаются автоматически и не имеют стрелок, поэтому эти два параметра влияют только на результат блок-схемы и графа иерархии.
Что происходит с элементами списка, вложенными глубже максимальной глубины?
Они полностью исключаются из диаграммы, вместе со всем, что вложено под ними, поэтому результат остаётся читаемым для очень глубоких структур.
Как обрабатываются специальные символы типа кавычек и скобок?
Любая метка, содержащая символы, которые нарушили бы синтаксис Mermaid, автоматически заключается в кавычки и экранируется, поэтому результат всегда остаётся действительным.
Мой список загружается где-нибудь?
Нет. Преобразование списка в диаграмму выполняется полностью в вашем браузере — ваша структура никогда не покидает ваше устройство.