Перейти до вмісту
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, автоматично укладається в лапки та екранується, тому результат завжди залишається чинним.
Мій список завантажується де-небудь?
Ні. Перетворення списку на діаграму виконується повністю у вашому браузері — ваша структура ніколи не покидає ваш пристрій.