Галерея шаблонов Mermaid
Просматривайте и используйте профессиональные шаблоны диаграмм Mermaid с поддержкой 19 типов графиков. Все шаблоны поддерживают предпросмотр в реальном времени и экспорт в несколько форматов
Блок-схемы
Диаграммы, отображающие процессы, решения и рабочие потоки
Блок-схема
Показать процессы и деревья решений
flowchartНажмите, чтобы использовать
Диаграмма состояний
Показать переходы состояний системы
stateНажмите, чтобы использовать
Git граф
Показать ветки и слияния Git
gitgraphНажмите, чтобы использовать
Диаграмма Санкей
Показать отношения распределения потоков
sankeyНажмите, чтобы использовать
Диаграммы последовательностей
Показать время взаимодействия и передачу сообщений между объектами
Структурные диаграммы
Отображение структуры системы, отношений и архитектуры
Диаграмма классов
Показать отношения между классами и объектами
classНажмите, чтобы использовать
ER диаграмма
Показать отношения сущностей базы данных
entity-relationshipНажмите, чтобы использовать
Интеллект-карта
Показать диаграммы структуры мышления
mindmapНажмите, чтобы использовать
Диаграмма требований
Показать отношения требований системы
requirementНажмите, чтобы использовать
C4 диаграмма
Показать уровни системной архитектуры
c4Нажмите, чтобы использовать
Блочная диаграмма
Показать отношения модулей системы
blockНажмите, чтобы использовать
Диаграмма архитектуры
Показать структуру программной архитектуры
architectureНажмите, чтобы использовать
Другие диаграммы
Другие профессиональные типы графиков
Путь пользователя
Показать потоки пользовательского опыта
user-journeyНажмите, чтобы использовать
Диаграмма Ганта
Показать временное планирование проекта
ganttНажмите, чтобы использовать
Круговая диаграмма
Показать распределение пропорций данных
pieНажмите, чтобы использовать
Временная шкала
Показать события временных рядов
timelineНажмите, чтобы использовать
Квадрантная диаграмма
Показать четырехквадрантный анализ
quadrant-chartНажмите, чтобы использовать
XY диаграмма
Показать отношения координатных данных
xy-chartНажмите, чтобы использовать
Диаграмма пакетов
Показать структуру сетевых пакетов
packetНажмите, чтобы использовать
Начните создавать свои диаграммы
Выберите любой шаблон выше, чтобы начать, или проверьте документацию по синтаксису, чтобы узнать, как создавать пользовательские диаграммы. Все шаблоны поддерживают предпросмотр в реальном времени и экспорт в несколько форматов.