📊 Mermaid Chart: инструмент для работы с диаграммами через код 📊

Mermaid Chart — это инструмент для создания диаграмм, который позволяет не рисовать их вручную, а создавать через код.

Поддерживает почти все необходимые диаграммы для системного аналитика:
✔️ блок-схемы,
✔️ UML Sequence,
✔️ UML Activity,
✔️ UML State - диаграммы состояний,
✔️ ER-диаграмма для визуализации БД,
✔️ недавно добавили поддержку C4,
✔️ MindMap для анализа и сбора требований,
✔️ и другие.

Полный список поддерживаемых диаграмм с примерами кода есть тут.
Этот прекрасный момент, когда есть документация! В ней не все примеры, но их можно достать при создании новых диаграмм или через AI.

Структура кода, который используется для создания диаграмм, достаточно простая, чтобы быстро разобраться. Это специальная разметка, которая трансформируется в картинку.

Например, для создания ER-диаграммы связанных таблиц БД “город” и “страна” по ключу country_id в таблице CITY (город) будет использоваться следующий код:
erDiagram
CITY {
UUID id PK
VARCHAR name
NUMERIC longitude
NUMERIC latitude
INTEGER time_zone
UUID country_id FK
}


COUNTRY {
UUID id PK
VARCHAR name
UUID language_id FK
}


Mermaid обрабатывает эту разметку и генерирует визуальное представление ER-диаграммы.

Преимущества:
👌 Интуитивно понятный визуальный редактор.
👌 Совместная работа — можно комментировать, обсуждать и работать над диаграммой одновременно, в режиме реального времени.
👌 Есть встроенный AI (искусственный интеллект), который помогает пользователям создавать диаграммы, например, с помощью их описания на естественном языке, через чат. Т.е. по сути даже в код Mermaid уже вникать не надо.
👌 В платной версии AI исправляет диаграмму, если допустили ошибку в синтаксисе.
👌 Есть бесплатная версия.

Минусы:
❌ На наш взгляд не все диаграммы выглядят аккуратно и есть инструменты, которые делают визуализацию также через код, но удобнее.
❌ На бесплатной версии всего 3 бесплатных диаграммы.

С Mermaid Chart вы сможете быстро и удобно представлять схемы данных, архитектуры, требований и процессов через код.
А работа с диаграммой через код = возможность оптимизировать работу через AI и меньше времени на исправления диаграмм, когда что-то поменялось, т.к. всё автоматически аккуратно размещается на диаграмме.

Сохраняйте инструмент и попробуйте работать с ним!
Возможно, он понравится больше, чем те, что вы уже знаете 🙌

🧩 Camunda Modeler: инструмент, который мы бы посоветовали знать каждому системному и бизнес-аналитику 🧩

Если часто работаете с процессами и описываете бизнес-логику — рано или поздно вы столкнётесь с нотацией BPMN.

А где рисовать BPMN-диаграмму?
Можно в draw.io, который мы разбирали ранее. А можно взять более продвинутый инструмент — Camunda Modeler.

Camunda Modeler используется для:
▪️ создания BPMN-диаграмм бизнес-процессов, которые могут быть не только красивой картинкой для согласования с бизнесом, но и живым процессом, который запускается на бэкенде и управляет логикой системы 😍
▪️ управления процессами в микросервисной архитектуре, где Camunda используется как оркестратор.


Это не просто "нарисовать стрелочки". Это про реальную автоматизацию бизнес-процессов через BPMN-диаграммы, создаваемые аналитиками!

Возможности Camunda Modeler:
+ Создание BPMN-схем с полной поддержкой спецификации (таймеры, события, гейты, вызовы, вложенные процессы и пр.).
+ Сохранение диаграммы в формате XML-кода, который затем можно задеплоить в Camunda Engine и запустить.
+ Интеграция с Camunda Platform — процессы запускаются так, как вы их нарисовали.

Чем Camunda Modeler лучше, чем Draw.io и подобные графические инструменты?
✅Даже если вы новичок, то быстро разберётесь, как рисовать BPMN-диаграммы.
✅Несколько человек могут одновременно работать над одной схемой в режиме реально времени.
✅Схемы можно сохранять в разных форматах и делиться ими с другими.
✅Удобно, что Camunda преобразовывает созданную BPMN-диаграмму в xml-файл, который можно передать программистам для автоматизации (или AI на проверку).
✅Подсказки при рисовании.

Draw.io — это про картинки.
Camunda Modeler — про рабочую логику, которую при необходимости можно запускать.


Ссылка на инструмент: camunda.io

Хотите разобраться с BPMN и Camunda глубже?
Слушайте наши подкасты:
13 ошибок в использовании BPMN: разбор на примере задачи
Внедряем Camunda: краткий обзор и моделирование взаимодействия с использованием BPMN

Разбираем не только теорию, но и реальные кейсы из проектов 🙂