Mermaid online editor: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
No edit summary
Line 12: Line 12:
* Online editor: Available {{Gd}}
* Online editor: Available {{Gd}}
* Example: [https://excalidraw.com/#json=Z9I2DD9Ex4v2Mold0Jfw5,oXVtnyGwvS5ZldqZw_dNdg link]
* Example: [https://excalidraw.com/#json=Z9I2DD9Ex4v2Mold0Jfw5,oXVtnyGwvS5ZldqZw_dNdg link]
[https://www.mermaidflow.app/editor Editor | Mermaid Flow]
* Output format: png, pdf & svg
* Online editor: Available {{Gd}}


== Example Mermaid syntax ==
== Example Mermaid syntax ==

Revision as of 16:16, 2 April 2025

Convert Mermaid syntax to png (or other image files)


icon_scale_pencil.png 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」內容還在撰寫中,如果有不完整的部分,歡迎你直接動手修改


Online services

Online FlowChart & Diagrams Editor - Mermaid Live Editor

  • Output format: (1) Download image files png, svg, kroki or (2) Copy to clipboard
  • Online editor: N/A

Excalidraw | Hand-drawn look & feel • Collaborative • Secure

  • Output format: Copy png or svg to clipboard
  • Online editor: Available Good.gif
  • Example: link

Editor | Mermaid Flow

  • Output format: png, pdf & svg
  • Online editor: Available Good.gif

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