콘텐츠로 건너뛰기

📊 Mermaid 다이어그램 미리보기

Mermaid 문법 입력 시 SVG 즉시 렌더링. flowchart / sequence / class / state / gantt / pie / mindmap / gitGraph / journey 지원. SVG 복사 · SVG/PNG 다운로드 · 테마 전환.

✅ 완전 무료 · 가입 불필요 · 서버 전송 없음

🔒 Mermaid는 CDN에서 로드되며 브라우저 내에서 렌더링. 소스는 서버로 전송되지 않습니다.

샘플: 테마:

📝 Mermaid 입력

👁 미리보기

📖 사용법

  1. 1
    구문 입력
    왼쪽 에디터에 Mermaid 입력. 샘플 버튼으로 템플릿 로드.
  2. 2
    테마 선택
    default / dark / forest / neutral 선택.
  3. 3
    내보내기
    SVG 복사 또는 SVG / PNG 다운로드.

❓ 자주 묻는 질문

지원 다이어그램 타입은?
flowchart / sequence / class / state / gantt / pie / mindmap / gitGraph / journey. Mermaid 11.
PNG 다운로드는 어떻게 동작?
렌더링된 SVG를 Canvas에 그려 PNG로 내보냅니다.
Mermaid 소스는 외부 전송됩니까?
아니요. 라이브러리만 CDN에서 로드.
🐛 이 도구에서 문제가 발생했나요?

무료 · 가입 불필요. 재현 절차만이라도 도움이 됩니다. 보고는 운영자에게 직접 전달되어 개선에 사용됩니다.

※ 재현을 위해 브라우저 정보 (UA / 화면 / 언어 / URL) 가 자동 전송됩니다