Mermaid 다이어그램 미리보기
Mermaid 문법을 입력하면 실시간으로 다이어그램이 렌더링됩니다.
프리셋:
Mermaid 라이브러리 로딩 중...
Mermaid 다이어그램 미리보기란?
무료 온라인 Mermaid 다이어그램 에디터로 텍스트 문법을 입력하면 실시간으로 SVG 다이어그램을 렌더링합니다. 플로우차트, 시퀀스 다이어그램, 클래스 다이어그램, 간트 차트, 파이 차트를 지원합니다.
주요 기능
- 실시간 다이어그램 렌더링
- 5종 다이어그램 프리셋
- SVG 복사 & PNG 다운로드
- 다크 모드 호환 렌더링
- 구문 오류 실시간 표시
- GitHub Mermaid 호환
Mermaid 다이어그램 미리보기 사용 가이드
Mermaid는 코드로 다이어그램을 그리는 강력한 도구입니다. Vivory Mermaid 미리보기는 텍스트 문법을 입력하면 실시간으로 SVG 다이어그램을 렌더링합니다. GitHub README, 기술 문서, 발표 자료에 포함할 다이어그램을 빠르게 만들 수 있습니다.
지원하는 다이어그램
플로우차트, 시퀀스 다이어그램, 클래스 다이어그램, 간트 차트, 파이 차트를 지원합니다. 프리셋을 선택하면 해당 다이어그램의 예제 코드가 자동으로 채워집니다.
내보내기
SVG 코드를 복사하거나 PNG 이미지로 다운로드할 수 있습니다. SVG는 웹페이지에 직접 삽입 가능하고, PNG는 문서나 프레젠테이션에 활용할 수 있습니다.
FAQ
Related Tools
📋JSON Formatter
Format & validate JSON🗄️SQL Formatter
Format SQL queries🔄YAML ↔ JSON
Convert YAML & JSON📝Markdown Preview
Live markdown editor