Визуализатор диаграмм Mermaid

Опишите диаграмму текстом — блок-схему, диаграмму последовательности, классов, состояний или ER — и сразу увидьте картинку. Можно скачать в SVG или PNG. Всё считается прямо в браузере, без регистрации.

Примеры:
Код диаграммы
flowchart TD
    A([Начало]) --> B[/Ввести число n/]
    B --> C{n чётное?}
    C -- Да --> D[Вывести «чётное»]
    C -- Нет --> E[Вывести «нечётное»]
    D --> F([Конец])
    E --> F
Превью
Загружаем рендер диаграмм…

Что такое Mermaid

Mermaid — это способ рисовать диаграммы текстом: вы пишете несколько строк на простом языке, а библиотека превращает их в схему. Это удобно для конспектов, документации и отчётов: диаграмму легко поправить, она хранится как обычный текст и читается в любом редакторе.

Какие диаграммы умеет

Блок-схемы (flowchart), диаграммы последовательности (sequenceDiagram), классов (classDiagram), состояний (stateDiagram-v2), сущность-связь (erDiagram), диаграммы Ганта, круговые диаграммы и интеллект-карты. Переключайтесь между примерами выше, чтобы увидеть синтаксис каждого типа.

Экспорт и ссылка

Готовую диаграмму можно скачать в SVG (векторный, без потери качества) или PNG (картинка для вставки в документ). Кнопка «Поделиться» копирует ссылку — код диаграммы сохраняется прямо в ней, без сервера.

Поддержать проект