Майндмапы Mermaid

Майндмапы (mind maps) в Mermaid — это иерархические диаграммы с центральной темой и ветвями. Они отлично подходят для брейнстормингов, структурирования идей и документирования архитектурных решений.

Базовый синтаксис

Майндмап строится через отступы — каждый уровень отступа добавляет уровень иерархии:

mindmap
  root((FlowEra))
    Задачи
      Канбан
      Таблица
      Ганта
    База знаний
      Редактор
      Mermaid
      Коллаборация
    Аналитика
      Burndown
      CFD
      Lead Time
    Настройки
      Процессы
      Статус-модели
      Поля

Формы узлов

Форма узла определяется скобками:

mindmap
  root((Центр))
    [Прямоугольник]
      (Скруглённый)
    ))Облако((
      Внутри облака
    {{Шестиугольник}}

Иконки и классы

Mermaid поддерживает иконки Font Awesome и CSS-классы:

mindmap
  root((Продукт))
    ::icon(fa fa-code)
    Разработка
      Бэкенд
      Фронтенд
    ::icon(fa fa-bug)
    QA
      Unit тесты
      E2E тесты
    ::icon(fa fa-book)
    Документация

Пример: декомпозиция фичи

mindmap
  root((Модуль\nаутентификации))
    Регистрация
      Email + пароль
      OAuth
        GitHub
        Google
      Подтверждение email
    Вход
      Форма входа
      Remember me
      2FA
        TOTP
        SMS
    Токены
      JWT
        Access token
        Refresh token
      Хранение
        httpOnly cookies
    Безопасность
      Rate limiting
      Блокировка брутфорса
      Аудит-лог
    Восстановление пароля
      Email ссылка
      Срок действия

Советы по использованию

• Для брейнстормингов: начните с центральной темы и добавляйте ветви по мере появления идей
• Для декомпозиции: разбивайте функциональность на подзадачи до уровня, когда задачи становятся оцениваемыми
• Для архитектуры: показывайте компоненты системы и их отношения
• Ограничение по глубине: более 4-5 уровней вложенности делает диаграмму нечитаемой — разбивайте на несколько майндмапов