Mermaid: различия между версиями

Материал из Поле цифровой дидактики
 
Строка 2: Строка 2:
|Description=Средство создания изображения диаграмм из кода, написанного на языке разметки.
|Description=Средство создания изображения диаграмм из кода, написанного на языке разметки.
|Affordances=Создание диаграмм различного типа внутри html документов
|Affordances=Создание диаграмм различного типа внутри html документов
Создание и сохранение диаграмм для использования внутри документов
|Область применения=образование
|Website=https://mermaid-js.github.io/mermaid/#/
|Website=https://mermaid-js.github.io/mermaid/#/
|End users=Учащиеся, Преподаватели
|End users=Учащиеся, Преподаватели
Строка 9: Строка 11:
|AI=Нет
|AI=Нет
}}
}}
; Возможность попробовать Mermaid диаграммы без регистрации
; Возможность попробовать Mermaid диаграммы без регистрации
: https://workflow.jace.pro/ - возможность создать диаграмму и сохранить её в различных форматах
: https://mermaid-js.github.io/mermaid-live-editor
: https://mermaid-js.github.io/mermaid-live-editor



Текущая версия на 20:41, 15 марта 2024

Краткое описание инструмента Средство создания изображения диаграмм из кода, написанного на языке разметки.
Возможности Создание диаграмм различного типа внутри html документов

Создание и сохранение диаграмм для использования внутри документов

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

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

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

Mermaid/ClassDiagram

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

Связи классов между собой
значения стрелочек:

Категории и свойства

Страница Вики

State



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

Mermaid/SequenceDiagram

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


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




Mermaid/Flowchart

Mermaid/Flowchart