О нас
mermaid.design — это бесплатный онлайн-редактор диаграмм Mermaid. Пишите синтаксис Mermaid слева и сразу видите отрисованную диаграмму справа. Вся обработка происходит полностью в вашем браузере — ваши диаграммы никогда не покидают устройство.
Основные возможности
- Предпросмотр в реальном времени: Диаграммы перерисовываются по мере ввода, с мгновенной проверкой синтаксиса и сообщениями об ошибках
- Два режима рендеринга: Отображайте диаграмму в виде чёткого SVG или в виде ASCII-арта, который можно вставить в комментарии к коду, документацию или терминал
- Темы диаграмм: Темы Mermaid в один клик — По умолчанию, Нейтральная, Лесная, Тёмная и Базовая, а также произвольный цвет фона или прозрачный фон
- ASCII-рендеринг: Преобразуйте блок-схемы и диаграммы последовательности в текстовые диаграммы с наборами символов Unicode или обычным ASCII и настраиваемым размером шрифта
- Панорамирование и масштабирование: Перетаскивайте для панорамирования и используйте Ctrl/⌘ + прокрутку для масштабирования, с плавающей панелью инструментов для точного управления
- Редактор кода: Редактор на базе Monaco (тот же движок, что в VS Code) с подсветкой синтаксиса Mermaid
- Шаблоны: Встроенная галерея шаблонов: блок-схемы, диаграммы последовательности, классов, состояний, ER-диаграммы, диаграммы Ганта, круговые диаграммы, графы Git, интеллект-карты и путь пользователя
- Экспорт: Скачивайте диаграмму в формате SVG, PNG, JPG или WebP с разрешением 1x, 2x или 4x — или в виде обычного текста ASCII
- Только на стороне клиента: Никаких серверов и загрузок — всё работает локально в вашем браузере
Поддерживаемые типы диаграмм
Блок-схемы, диаграммы последовательности, диаграммы классов, диаграммы состояний, ER-диаграммы, диаграммы Ганта, круговые диаграммы, графы Git, интеллект-карты, путь пользователя, диаграммы C4, временные шкалы и диаграммы требований — всё, что поддерживает движок Mermaid.
Обратная связь
Если у вас есть вопросы или предложения по нашему инструменту, не стесняйтесь обращаться к нам.
- email: [email protected]