AI блок-схема Синтаксис

1. Введение
2. Определить узел
3. Формы узлов
4. Ссылки между узлами
5. Длина линии
6. Более продвинутое использование
7. AI Flowchart / Mermaid Online Editor

Введение

AI блок-схема основана на Mermaid.js, поэтому она следует синтаксису Mermaid.js. Блок-схема состоит из узлов (геометрических фигур) и ребер (стрелок или линий). Код Mermaid.js определяет способ создания узлов и ребер, а также поддерживает различные типы стрелок, многонаправленные стрелки и произвольные соединения подграфов.

Определить узел

тип	код	график	синтаксис
узел	flowchart LR apple		Просто введите имя узла.
узел с текстом	flowchart LR node["This is text"]		Поместите текст в скобки, заключите текст в двойные кавычки.
узел с уценкой	flowchart LR node["`This **is** _Markdown_`"]		Поместите уценку в скобки, используйте двойные кавычки и обратные кавычки, чтобы заключить текст.

Формы узлов

тип	код	график	синтаксис
Узел с закругленными краями	flowchart LR node(Content)		Put text in (...)
Узел в форме стадиона	flowchart LR node([Content])		Put text in ([...])
Узел в форме подпрограммы	flowchart LR node[[Content]]		Put text in [[...]]
Узел цилиндрической формы	flowchart LR node[(Content)]		Put text in [(...)]
Узел в форме круга	flowchart LR node((Content))		Put text in ((...))
Узел асимметричной формы	flowchart LR node>Content]		Put text in >...]
Алмазный узел	flowchart LR node{Content}		Put text in {...}
Шестиугольный узел	flowchart LR node{{Content}}		Put text in {{...}}
Параллелограмм А	flowchart LR node[/Content/]		Put text in [/.../]
Параллелограмм Б	flowchart LR node[\Content\]		Put text in [\...\]
Трапеция А	flowchart LR node[/Content\]		Put text in [/...\]
Трапеция Б	flowchart LR node[\Content/]		Put text in [\.../]
Двойной круг	flowchart LR node(((Content)))		Put text in (((...)))

Ссылки между узлами

тип	код	график	синтаксис
Ссылка	flowchart LR A --- B		Use ...---...
Ссылка с текстом	flowchart LR A ---|label| B flowchart LR A -- label --- B		Use ---|...| Use --...---
Ссылка со стрелкой	flowchart LR A --> B		Use ...-->...
Ссылка со стрелкой и текстом	flowchart LR A -->|label| B flowchart LR A -- label --> B		Use -->|...| Use --...-->
Пунктирная ссылка	flowchart LR A -.-> B		Use ...-.->...
Пунктирная ссылка с текстом	flowchart LR A -.->|label| B flowchart LR A -. label .-> B		Use -.....->
Толстая ссылка	flowchart LR A ==> B		Use ...==>...
Толстая ссылка с текстом	flowchart LR A ==>|label| B flowchart LR A == label ==> B		Use ==>|...| Use ==...==>
Ссылка с символом ●	flowchart LR A --o B		Use ...--o...
Ссылка с символом ● и текстом.	flowchart LR A --o|label| B flowchart LR A -- label --o B		Use --o|...| Use --...--o
Ссылка с символом ✖	flowchart LR A --x B		Use ...--x...
Ссылка с символом ✖ и текстом.	flowchart LR A --x|label| B flowchart LR A -- label --x B		Use --x|...| Use --...--x
Двусторонняя стрелка	flowchart LR A <--> B		Use ...<-->...
Двусторонняя стрелка с текстом	flowchart LR A <-->|label| B flowchart LR A <-- label --> B		Use <-->|...| Use <--...-->
Двусторонняя стрелка с символом ●	flowchart LR A o--o B		Use ...o--o...
Двусторонняя стрелка с символом ● и текстом.	flowchart LR A o--o|label| B flowchart LR A o-- label --o B		Use o--o|...| Use o--...--o
Двусторонняя стрелка с символом ✖	flowchart LR A x--x B		Use ...x--x...
Двусторонняя стрелка с символом ✖ и текстом.	flowchart LR A x--x|label| B flowchart LR A x-- label --x B		Use x--x|...| Use x--...--x

Длина линии

Длина	1	2	3
Нормальный	---	----	-----
Обычный со стрелкой	-->	--->	---->
Толстый	===	====	=====
Толстый со стрелкой	==>	===>	====>
Пунктирный	-.-	-..-	-...-
Пунктир со стрелкой	-.->	-..->	-...->

Более продвинутое использование

Расширенное использование включает в себя подграфы, взаимодействие, стили, классы и т. д. Посетите официальный сайт Mermaid.js.