Mermaid Viewer

View and convert Mermaid diagrams to PNG or SVG

Editor
📁

Drag a file here

or click to select

Supported formats: .mmd, .mermaid, .txt

Preview

The diagram will appear here

How it works

1 Enter the code

Paste your Mermaid code in the editor or upload a .mmd or .txt file

2 Generate the diagram

Click "Generate Diagram" to see the preview of your chart

3 Export

Download the diagram as a PNG image or as a vector SVG file

💡 Tip: use AI to create diagrams

You can ask ChatGPT, Claude or other AI assistants to generate Mermaid code for you. Just describe the diagram you want to create and then paste the result here!

Example: "Generate a Mermaid diagram showing the order approval process"

Mermaid code example

graph TD
    A[Customer] -->|Order| B(Receive Order)
    B --> C{Available?}
    C -->|Yes| D[Prepare Shipment]
    C -->|No| E[Reorder Stock]
    E --> C
    D --> F[Ship]
    F --> G[Deliver]

Need help with automation?

TechMakers helps Italian SMEs implement artificial intelligence in their business processes.

Discover T-Mind →