Просмотрщик диаграмм Ганта Mermaid
Мгновенно отрисовывайте диаграммы Ганта Mermaid в браузере. Визуализируйте сроки проекта и экспортируйте в SVG или PNG. Бесплатно, без установки.
Введите код Mermaid для предпросмотра вашей диаграммы
Диаграммы Ганта визуализируют расписания проектов, отображая задачи на временной оси, показывая даты начала, продолжительность, зависимости и ключевые этапы. Синтаксис `gantt` от Mermaid позволяет менеджерам проектов и руководителям инженерных отделов составлять план в виде обычного текста и отображать его где угодно без специального инструмента управления проектами. ИИ-ассистенты все чаще используются для планирования проектов — разработчики вводят в Claude или ChatGPT запрос вроде «Создай план спринта на 6 недель для разработки системы аутентификации пользователей» и получают структурированную диаграмму Ганта Mermaid. Вставив результат в Zolkit, вы можете просмотреть план, выявить конфликты в расписании и экспортировать его для презентации заинтересованным сторонам, прежде чем приступать к работе с инструментом управления проектами. Диаграммы Ганта Mermaid поддерживают секции задач, позиционирование на основе дат, последовательные и параллельные задачи с зависимостями `after`, маркеры ключевых этапов и задачи, отмеченные как `done` (выполнено), `active` (в процессе) или `crit` (критический путь). Просмотрщик Zolkit точно отображает все эти конструкции и экспортирует диаграмму в формате SVG для точного воспроизведения в презентациях и документации.
Бесплатный онлайн-просмотрщик и экспортер диаграмм Mermaid
Просмотрщик диаграмм Mermaid от Zolkit позволяет вставлять любой код Mermaid и мгновенно видеть отрисованную диаграмму — без установки, регистрации и загрузки на сервер. Все работает в вашем браузере, что делает его самым быстрым способом проверки диаграмм, сгенерированных ИИ из Claude, ChatGPT или Gemini. Поддерживаются все основные типы диаграмм Mermaid: блок-схемы, диаграммы последовательности, диаграммы классов, ER-диаграммы, диаграммы Ганта, диаграммы состояний, ментальные карты, графы Git, круговые диаграммы и временные шкалы.
Мгновенный предпросмотр в реальном времени
Диаграммы отрисовываются автоматически по мере ввода с задержкой в 300 мс, поэтому работа никогда не кажется медленной.
100% конфиденциальность
Весь рендеринг происходит в вашем браузере с использованием mermaid.js. Ваш код никогда не отправляется на какой-либо сервер.
Экспорт SVG и PNG
Загрузите свою диаграмму в виде четкого векторного SVG или высококачественного PNG 2×, готового для документов и презентаций.
Все типы диаграмм Mermaid
Поддерживает блок-схемы, диаграммы последовательности, диаграммы классов, ER-диаграммы, диаграммы Ганта, ментальные карты, графы Git и многое другое.
Готовность к диаграммам от ИИ
Создан для эпохи ИИ — напрямую предпросматривайте диаграммы, сгенерированные Claude, ChatGPT, Gemini или любым другим LLM.
Всегда бесплатно
Учетная запись не требуется, нет ограничений на использование, нет водяных знаков. Просмотрщик Mermaid от Zolkit полностью бесплатен навсегда.
Как предпросмотреть диаграмму Mermaid
- 1
Вставьте ваш код Mermaid в редактор слева — вы можете скопировать его из ИИ-помощника или написать вручную.
- 2
Диаграмма мгновенно отрисовывается в панели предпросмотра справа. Если есть синтаксическая ошибка, сообщение объяснит проблему.
- 3
Нажмите «Экспорт SVG» или «Экспорт PNG», чтобы загрузить диаграмму в виде файла, готового для документации, презентаций или обмена.
Часто задаваемые вопросы
Как установить зависимости задач в диаграмме Ганта Mermaid?
Используйте ключевое слово `after`, чтобы сослаться на предыдущий идентификатор задачи: `Frontend : b1, after a1, 10d`. Задача b1 начнется сразу после завершения задачи a1. Вы можете связывать несколько зависимостей. Идентификаторы задач указываются после имени задачи и перед датой начала. Если идентификатор не указан, задача не может быть использована в качестве зависимости.
Как добавить ключевые этапы в диаграмму Ганта Mermaid?
Определите задачу с типом `milestone` и продолжительностью `0d`: `Release : milestone, after testing, 0d`. Ключевые этапы отображаются в виде ромбов на временной шкале Ганта, визуально выделяя важные точки доставки или контрольные точки принятия решений по сравнению с обычными задачами. Они полезны для обозначения версий выпусков, одобрений советом директоров или контрольных точек «идти/не идти».
Какие форматы дат поддерживает Mermaid Gantt?
Наиболее распространенный формат — `YYYY-MM-DD` (например, `2024-03-15`), который объявляется вверху с помощью `dateFormat YYYY-MM-DD`. Mermaid также поддерживает `MM/DD/YYYY`, `DD-MM-YYYY` и временные метки Unix. Продолжительность выражается в днях (`10d`), часах (`8h`) или неделях (`2w`). Всегда объявляйте `dateFormat` перед любыми датами задач.
Как отметить задачи как критические или завершенные?
Добавьте ключевые слова статуса перед идентификатором задачи: `crit` отмечает задачу как критическую (отображается красным), `done` отмечает ее как завершенную (отображается закрашенной), а `active` отмечает ее как выполняемую. Вы можете комбинировать их: `crit, done` для завершенной критической задачи. Эти визуальные подсказки делают диаграммы Ганта полезными для отчетов о статусе и обзоров прогресса.