📊 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 и меньше времени на исправления диаграмм, когда что-то поменялось, т.к. всё автоматически аккуратно размещается на диаграмме.

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