Mermaid
lastmod 2026-04-10created 2022-02-1710 edits
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown.
Drawing flowcharts with code
Example
flowchart TD
A[시작] --> B[클래스 초기화]
B --> C{초기화 되었는가?}
C -->|아니오| D[initialize 메소드 호출]
D --> E[글로벌 스크린 크기 설정]
E --> F[초기화 완료]
C -->|예| G[run 메소드 호출]
G --> H{초기화 되었는가?}
H -->|아니오| I[initialize 호출]
H -->|예| J{is_moving?}
J -->|예| K[Level.Stay 반환]
J -->|아니오| L{카메라 상태?}
L -->|ZoomOut| M{스크랩 존재?}
M -->|예| N[on_global_scraps 호출]
N --> O[새로운 스크랩 인덱스 찾기]
O --> P{새로운 스크랩 있음?}
P -->|예| Q[첫 번째 새 스크랩 확대]
Q --> R[카메라 상태 ZoomIn으로 변경]
R --> S[ZoomIn 명령과 ROI 반환]
P -->|아니오| T[NULL 반환]
M -->|아니오| U[NULL 반환]
L -->|ZoomIn| V{스크랩 존재?}
V -->|예| W[on_local_scraps 호출]
W --> X[로컬 좌표를 글로벌 좌표로 변환]
X --> Y[새로운 스크랩 등록]
Y --> Z[ZoomOut 명령과 ROI 반환]
V -->|아니오| AA[on_not_found_local_scraps 호출]
AA --> AB[에러 상태 업그레이드]
AB --> AC{최대 재시도 횟수 초과?}
AC -->|예| AD[ZoomOut 명령과 ROI 반환]
AC -->|아니오| AE[NULL 반환]
Z --> AF[결과 반환]
S --> AF
T --> AF
U --> AF
AD --> AF
AE --> AF
K --> AF
subgraph 부가 메소드
AG[find_unregistered_global_scraps]
AH[local_to_global_points]
AI[register_global_scrap]
AJ[register_global_scraps]
AK[padding_scrap_roi]
AL[clear_error_state]
AM[upgrade_error_state]
end See also
- Mermaid.js
- Graphviz
- Mscgen
- markdown
- flowchart
- Oxdraw - Code-based diagram tool
- Ferrite - Markdown editor written in Rust with native Mermaid diagram rendering support
- Mermaid ASCII - Render Mermaid diagrams in the terminal
- MonoSketch - ASCII-based diagram tool
- beautiful-mermaid - Render Mermaid diagrams as beautiful SVGs or ASCII art
Favorite site
- Flowcharts Syntax | Mermaid
- Github - mermaid-js/mermaid
- Include diagrams in your Markdown files with Mermaid - GitHub starts supporting Mermaid diagrams in Markdown
- Put diagram syntax in mermaid syntax in a code block, and Mermaid.js picks it up and displays it as a picture in the browser
- Supports flowcharts, UML, Git graphs, user journey diagrams, Gantt charts, etc.
- Put diagram syntax in mermaid syntax in a code block, and Mermaid.js picks it up and displays it as a picture in the browser