Mermaid online editor: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
Line 12: Line 12:


[https://www.mermaidflow.app/editor Editor | Mermaid Flow]
[https://www.mermaidflow.app/editor Editor | Mermaid Flow]
* Output format: png, pdf & svg
* Output format: Download png, pdf & svg files


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

Revision as of 16:17, 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

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

  • Output format: Copy png or svg to clipboard
  • Example: link

Editor | Mermaid Flow

  • 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