MERMAID
Render
Examples…
ER Diagram
Flowchart
Sequence
Class
Gantt
State
Share
FILE
PNG
Export
1×
2×
3×
4×
Transparent
White BG
Black BG
PDF
Export
A4
A3
Letter
Mono
Sans
Serif
Export: same
Export: Sans
Export: Mono
Export: Serif
Dark
Light
High-contrast
// source
0 chars
Wrap
A−
A+
erDiagram CUSTOMER ||--o{ ORDER : places ORDER ||--|{ LINE-ITEM : contains CUSTOMER { string name string email string phone } ORDER { int orderNumber date orderDate string status } LINE-ITEM { string productName int quantity float unitPrice }
// preview
Ready
// awaiting render…
⤢
−
+
↺