Mermaid Editor Pro
TD
LR
Config insert
Theme: default
Theme: dark
Theme: neutral
Theme: forest
Theme: base
Flowchart curve: linear
Flowchart curve: basis
Flowchart curve: stepAfter
Flowchart spacing: wide
Flowchart htmlLabels: true
Brand: primaryColor
Brand: lineColor
Brand: fontFamily
Brand: fontSize
Brand: clusterBkg
Kanban: ticketBaseUrl
Sequence: align + mirrorActors
Gantt: compact
Mindmap: maxNodeWidth
Config 삽입
사각형 [ ]
라운드 사각형 ( )
스타디움 ([ ])
서브루틴 [[ ]]
조건 (마름모) { }
육각형 {{ }}
비대칭 > ]
원기둥 [( )]
평행사변형 [/ /]
사다리꼴 [/ \]
원 (( ))
이중 원 ((( )))
All
attr
Add node
화살표 선택: -->
기본 실선 -->
두꺼운 선 ==>
점선 -.->
역방향 <--
양쪽 실선 A <--> B
원형 마감 --o
양쪽 원형 A o--o B
X자 마감 --x
양쪽 X 표시 A x--x B
일반 실선 A --- B
두꺼운 실선 A === B
점선 A -.- B
보이지 않는 선 A ~~~ B
실선 + 텍스트 A -->|조건| B
두꺼운 선 + 텍스트 A == 중요경로 ==> B
점선 + 텍스트 A -. 보조설명 .-> B
화살표 없는 텍스트 A -- 텍스트 --- B
다중 출력 A --> B & C & D
다중 입력 B & C & D --> E
연속 연결 A --> B --> C --> D
복합 체이닝 A --> B & C --> D
화살표만
화살표+이름
이름만
연결 추가
샘플선택
Flow 기본
Sankey 기본
Sankey 한글
Sankey (showValues off)
State
Class
Sequence
ER
Journey
Mindmap
Pie
Timeline
Quadrant
XY Chart
Block
Kanban (advanced)
Treemap
Requirement
Gantt
Architecture (basic)
Block (stack)
Block (columns)
Radar (grades)
Radar (restaurant)
Venn (team overlap)
Venn (A/B values)
Venn (nested text)
Venn (styled)
Ishikawa
TreeView (basic)
TreeView (config)
GitGraph
Sequence (loop/alt/opt)
Flowchart (LR)
Syntax Tutorial
복사
SVG
PNG
문서삽입
코드 편집기
Dark
-
100%
+
Reset
미리보기
Dark
-
100%
+
Reset