Markdown 안에 다이어그램을
텍스트를 벗어나지 않고 아키텍처, 흐름, 데이터를 문서화하세요. markdowneditor는 Mermaid, Graphviz DOT, Vega-Lite 차트를 미리보기에서 직접 렌더링합니다.
```mermaid
flowchart LR
A[Markdown] --> B[Preview]
```
```dot
digraph { a -> b -> c }
```Mermaid 다이어그램
플로차트, 시퀀스 다이어그램, 클래스 다이어그램, 상태 다이어그램, ER 다이어그램, 간트 차트 등이 fenced 코드 블록에서 렌더링됩니다. 그리기 도구도 보내기도 없이 텍스트만으로.
Graphviz DOT 다이어그램
fenced 블록에 dot, neato, circo, twopi, fdp, osage, patchwork 레이아웃을 작성하면 브라우저 내 Graphviz WASM 빌드가 그 자리에서 그래프를 렌더링합니다.
Vega-Lite 차트
선언적 JSON 스펙이 본문과 같은 문서 안에 출판 수준의 차트를 만들어 텍스트와 데이터가 섞인 보고서와 문서에 유용합니다.
로컬에서 렌더링
다이어그램 엔진은 브라우저에서 실행됩니다. 소스 텍스트와 렌더링 결과는 기기를 떠나지 않으며, 앱을 설치하면 오프라인에서도 동작합니다.