«Схема как код» с Mermaid в Lucidchart

Автор:  Shanna S
Обновлено:  

Используйте «Схема как код» для создания схемы Lucidchart с помощью Mermaid. Как только вы напишете код Mermaid, вы можете автоматически создать схему в вашем документе Lucid.

Код Mermaid, введенный для генерации схемы, совместим только с английским языком. Если вы работаете в Lucid с другим языком, код нужно будет перевести на английский.

Доступные планы: Индивидуальный, Командный и Корпоративный.

Откройте меню «Схема как код»

Чтобы получить доступ к меню диаграмм в виде кода в Lucidchart, выполните следующие действия:

  1. Выберите diagram-as-code-icon-in-lucidchart.jpg значок «Схема как код» на основной панели инструментов в крайнем левом углу рабочей области.

Сгенерировать схему

Познакомься с процессом схемы как кода, используя один из наших примеров для каждого поддерживаемого типа схем. Когда будешь готов, создай схему, написав свой собственный код Mermaid.

Примечание: Если схема не генерируется и вы видите сообщение «Синтаксическая ошибка. Пожалуйста, проверьте синтаксис. Вместо сообщения в схеме используйте редактор кода, укажите номера строк и столбцов, чтобы убедиться в правильности форматирования кода Mermaid, и повторите попытку.

Используй предоставленный пример

Чтобы создать схему, используя предоставленные примеры, следуйте этим шагам из меню «схема как код»:

  1. Выберите +Новая схема Mermaid.
  2. В нижней части предоставленного редактора нажмите на один из примеров.
  3. Код автоматически добавится в редактор для выбранного типа примера.
  4. Внесите необходимые корректировки в пример кода.
  5. Нажмите «Создать».

Схема будет создана на холсте.

Диаграмма-как-код-с-Русалкой-в-Lucidchart-диаграмма-как-код-с-Русалкой-в-Lucidchart.gif

Создать с нуля с помощью Mermaid

Чтобы создать новую схему с нуля с использованием кода Mermaid, следуйте этим шагам из меню «схема как код»:

  1. Выберите +Новая схема Mermaid.
  2. Введи свой код в предоставленном редакторе.
  3. Нажмите «Создать».

Схема будет создана на холсте.

manually-build-flowchart-diagram-using-mermaid-code-in-lucidchart.gif

Узнай больше: Чтобы начать работу с Mermaid, посмотри руководство пользователя Mermaid из центра помощи Mermaid. Предоставленная ссылка перенаправит тебя из справочного центра Lucid, и мы не можем гарантировать точность содержимого.

Редактировать схему

Схема, созданная из кода, отображается как изображение на холсте и должна обновляться путем открытия и редактирования кода. Для этого:

  1. Открой соответствующий редактор кода одним из следующих способов:
    • Кликните по схеме на холсте.
    • Перейдите в меню «Схема как код», прокрутите его и выберите схему, которую хотите отредактировать.
  2. Кликните в редактор и внесите изменения.
    • В процессе редактирования информация о цене товара будет обновляться в режиме реального времени.

Схема будет обновлена на холсте.

Поддерживаемые типы схем

С помощью кода Mermaid поддерживаются следующие типы схем:

  • Класс: Отразите структуру определенной системы, смоделировав ее классы, атрибуты, операции и взаимосвязи между объектами.
  • C4: Используйте четыре уровня моделей (контекст, контейнеры, компоненты и код) в зависимости от вашей аудитории.
  • Схема «Сущность–Связь»: Отобразите структуру базы данных, показывая взаимосвязи между полями.
  • Блок-схема: Создавай простые для понимания блок-схемы, охватывающие сложные системы и процессы.
  • Схема Ганта: Визуализируйте график и ход выполнения задач при управлении проектом.
  • Исикава: Постройте диаграмму «рыбий скелет», чтобы визуально отобразить причинно-следственные связи во время анализа первопричин.
  • Вложенная древовидная диаграмма: визуализация иерархических структур данных с помощью вложенных прямоугольников.
  • Радарная диаграмма: Создайте диаграмму для сравнения нескольких количественных переменных на радиальной сетке.
  • Последовательность: Представляет процессы и объекты, которые существуют одновременно, и сообщения, которыми они обмениваются для выполнения функции, до завершения их жизненного цикла.
  • Состояние: Постройте схему, чтобы показать переходы между различными объектами.
  • Диаграмма XY: Создавайте комплексные линейные, столбчатые или точечные диаграммы для визуализации взаимосвязей между точками данных.

Подробнее: Чтобы узнать больше о синтаксисе Mermaid и о том, как использовать поддерживаемые схемы в Lucidchart, загляните в эту публикацию из сообщества Lucid

Часто задаваемые вопросы

Какие версии Mermaid поддерживаются в Lucidchart? 
Lucidchart оптимизирован для поддержки версии 11.14 Mermaid. 

Как настроить стиль и формат схемы, созданной с помощью кода Mermaid?
Когда вы создаете схему в Lucid с использованием кода Mermaid, она отображается как изображение на холсте. Чтобы изменить стиль и формат вашей схемы, включите синтаксис стилей Mermaid прямо в код.

Оставьте отзыв об этой статье

Хотите поделиться мнением об этой статье? Расскажите нам о своем опыте здесь

Вы нашли то, что искали?

Остались вопросы или хотите поделиться тем, что узнали? Посетите наше сообщество   для получения помощи и совместной работы с другими.