Онлайн-генератор: Диаграмма состояний

Создайте Диаграмма состояний онлайн и бесплатно. Отрисовка в реальном времени по синтаксису Mermaid, экспорт в PNG и SVG, без регистрации.

Открыть онлайн-редактор

Предпросмотр в реальном времени

…

Как работает синтаксис

Любой Диаграмма состояний начинается с ключевого слова, а следующие строки описывают иерархию и связи через отступы и символы. Холст обновляется прямо во время ввода.

stateDiagram-v2
    [*] --> Pending
    Pending --> Paid : payment ok
    Pending --> Cancelled : timeout
    Paid --> Shipped : shipped
    Shipped --> Done : received
    Done --> [*]

Типичные применения

Широко используется в технической документации, продуктовом дизайне, управлении проектами и обучении. Результат сразу вставляется в Markdown, веб-страницы и презентации.

Частые вопросы

Нужна ли регистрация, чтобы сделать Диаграмма состояний?

Нет. Все функции бесплатны и открыты, работать можно сразу после загрузки страницы, а экспорт не ограничен.

В какие форматы можно экспортировать Диаграмма состояний?

В PNG и SVG. SVG — векторный формат, он не теряет чёткость при увеличении и хорошо подходит для документов и презентаций.

Как поделиться готовым Диаграмма состояний?

Кнопка «Поделиться» создаёт ссылку с кодом диаграммы внутри. Тот, кто её откроет, увидит ту же диаграмму без входа в аккаунт.

Начните рисовать Диаграмма состояний прямо сейчас

18 типов диаграмм, 10 языков, отрисовка прямо в браузере. Без регистрации, бесплатно.