Mermaid

Краткое описание инструмента	Средство создания изображения диаграмм из кода, написанного на языке разметки.
Возможности	Создание диаграмм различного типа внутри html документов
Трудности использования
Область знаний
Область применения
Поясняющее видео
Веб-сайт	https://mermaid-js.github.io/mermaid/#/
Пользователи	Учащиеся, Преподаватели
Используется для создания (проведения)	диаграммы
Разработчик
Сообщество вокруг средства
Лицензия
Год первого релиза
Совместное сетевое использование	Да
Какой язык основной	English
Есть ли поддержка Искусственным Интеллектом	Нет

Возможность попробовать Mermaid диаграммы без регистрации

https://mermaid-js.github.io/mermaid-live-editor

Какие бывают UML диаграммы

Диаграммы классов

• Mermaid/ClassDiagram

Mermaid/ClassDiagram

Диаграмма классов - classDiagram

• https://mermaid-js.github.io/mermaid/#/classDiagram

Связи классов между собой

значения стрелочек:

State

• https://support.typora.io/Draw-Diagrams-With-Markdown/

---

Диаграммы последовательностей

• Mermaid/SequenceDiagram

Mermaid/SequenceDiagram

---

Mermaid/Flowchart

Mermaid/Flowchart

---