Skip to content

Основы Mermaid

Диаграммы описываются текстом в блоках Markdown:

mermaid
graph TD
  A[Начало] --> B[Процесс]
  B --> C[Конец]
  • graph TD — направление графа (Top → Down).
  • A[Начало] — узел с подписью «Начало».
  • --> — направленная связь между узлами.

Mermaid поддерживает несколько типов графов:

  • flowchart — блок-схемы;
  • sequence — диаграммы последовательностей;
  • class — классы и структуры;
  • gantt — графики Ганта;
  • state — диаграммы состояний.

INFO

Все Mermaid-блоки в Markdown начинаются с ```mermaid.
Переменные диаграмм для Word обозначаются отдельно через [Diagram]: VariableName "Название диаграммы".