Editing Mermaid online editor

Convert Mermaid syntax to png (or other image files)

== Online services ==
[https://mermaid.live/ 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

[https://excalidraw.com/ Excalidraw | Hand-drawn look & feel • Collaborative • Secure]
* Output format: Copy png or svg to clipboard
* Online editor: Available {{Gd}}
* Example: [https://excalidraw.com/#json=Z9I2DD9Ex4v2Mold0Jfw5,oXVtnyGwvS5ZldqZw_dNdg link]

== Example Mermaid syntax ==
Example Mermaid syntax of [https://en.wikipedia.org/wiki/Triple_point Triple point - Wikipedia]
<pre>
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
</pre>

[[Category: Tool]]