Редактор диаграмм Mermaid

Пишите Mermaid, смотрите, как диаграмма рисуется сама — выберите шаблон диаграммы (блок-схема, последовательность, класс, состояние, диаграмма Ганта, круговая, временная линия, ER), редактируйте исходный код Mermaid слева, и предпросмотр перерисуется автоматически. Выберите тему Default / Dark / Neutral / Forest, затем экспортируйте диаграмму в чёткий SVG или PNG (1x / 2x / 3x). Mermaid работает локально из встроенной библиотеки: ничего из введённого не покидает ваш компьютер.
Файл:
Перетащите сюда файл Mermaid или нажмите, чтобы выбрать
.mmd / .mermaid / .txt — или вставьте исходный код Mermaid ниже
Шаблон:
Параметры отрисовки
Готово. Выберите шаблон или введите исходный код Mermaid.
Примечания: предпросмотр перерисовывается примерно через полсекунды после остановки ввода. Ошибки синтаксиса показываются выше, а последняя корректная диаграмма остаётся на экране. Экспорт SVG сохраняет все векторные детали; PNG растрирует текущую тему в масштабе 1x / 2x / 3x с необязательным белым фоном.
Предпросмотр в реальном времени
Предпросмотр диаграммы появится здесь.