Mermaid online editor: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
| Line 9: | Line 9: | ||
[https://excalidraw.com/ Excalidraw | Hand-drawn look & feel • Collaborative • Secure] | [https://excalidraw.com/ Excalidraw | Hand-drawn look & feel • Collaborative • Secure] | ||
* Output format: (1) Download image files png & svg (2) Copy png or svg to clipboard | * Output format: (1) Download image files png & svg (2) Copy png or svg to clipboard | ||
* Comments: In addition to online editing: modifying shape forms, adding colors, you can also export Mermaid flowchart files in a handwritten font style {{Gd}} | |||
* Example: [https://excalidraw.com/#json=Z9I2DD9Ex4v2Mold0Jfw5,oXVtnyGwvS5ZldqZw_dNdg link] | * Example: [https://excalidraw.com/#json=Z9I2DD9Ex4v2Mold0Jfw5,oXVtnyGwvS5ZldqZw_dNdg link] | ||
Revision as of 11:43, 3 April 2025
Convert Mermaid syntax to png (or other image files)
 This article "Mermaid online editor" is still being written. If there are any incomplete parts, you are welcome to directly edit them. 這篇文章「Mermaid online editor」內容還在撰寫中，如果有不完整的部分，歡迎你直接動手修改。
|
List of Mermaid online editor
Online FlowChart & Diagrams Editor - Mermaid Live Editor
- Output format: (1) Download image files png, svg, kroki or (2) Copy to clipboard
Excalidraw | Hand-drawn look & feel • Collaborative • Secure
- Output format: (1) Download image files png & svg (2) Copy png or svg to clipboard
- Comments: In addition to online editing: modifying shape forms, adding colors, you can also export Mermaid flowchart files in a handwritten font style
- Example: link
- Output format: Download png, pdf & svg files
Example Mermaid syntax
Example Mermaid syntax of Triple point - Wikipedia
graph TD
A[Solid State Ice] -- Melting --> B[Liquid State Water]
B -- Freezing --> A
B -- Vaporization/Boiling --> C[Gas State Vapor]
C -- Condensation --> B
A -- Sublimation --> C
C -- Deposition --> A
D[Triple Point<br/>Temperature: 273.16 K / 0.01°C<br/>Pressure: 611.657 Pa] --- A
D --- B
D --- C
style D fill:#f9f,stroke:#333,stroke-width:2px