Konversi Mermaid ke PNG atau SVG

Tempel kode Mermaid dan dapatkan gambar untuk slide, dokumen, file README, atau chat. Flowchart, sequence, class, state, ER, dan diagram Gantt digambar langsung di perangkat Anda, dan Anda bisa melihat hasilnya sebelum mengunduh.

Gratis selamanya · Jalan di perangkat Anda · 0 byte diunggah

Pilih file .mmd atau letakkan di sini · tidak pernah meninggalkan perangkat ini

Kode Mermaid Simpan sebagai Ukuran PNG Tema Latar belakang transparan

Cara menggunakan Mermaid ke Gambar

Tempel kode Mermaid Anda, atau pilih file .mmd atau .md.
Pilih PNG atau SVG, ukuran, dan tema.
Klik “Buat gambar”, periksa pratinjau, lalu unduh.

Cocok juga untuk

Mermaid ke PNG
Mermaid ke SVG online gratis
ekspor diagram Mermaid jadi gambar
flowchart Mermaid ke gambar
alternatif Mermaid live editor

Contoh Mermaid untuk memulai

flowchart

flowchart TD
    Start([Order placed]) --> Pay{Paid?}
    Pay -->|Yes| Ship[Pack and ship]
    Pay -->|No| Remind[Send a reminder]
    Remind --> Pay
    Ship --> Done([Delivered])

sequenceDiagram

sequenceDiagram
    participant U as User
    participant A as App
    participant S as Server
    U->>A: Log in
    A->>S: Check password
    S-->>A: OK
    A-->>U: Welcome back

classDiagram

classDiagram
    class Customer {
      +String name
      +String email
    }
    class Order {
      +String id
      +Date placedAt
      +total() Number
    }
    Customer "1" --> "*" Order : places

erDiagram

erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE_ITEM : contains
    PRODUCT ||--o{ LINE_ITEM : "appears in"

gantt

gantt
    title Website launch
    dateFormat YYYY-MM-DD
    section Build
    Design      :a1, 2025-01-06, 5d
    Development :a2, after a1, 10d
    section Launch
    Testing     :after a2, 4d

pie

pie title Where the week goes
    "Coding" : 45
    "Meetings" : 30
    "Reviews" : 15
    "Email" : 10

Privat sejak dirancang — dan Anda bisa memeriksanya

File Anda tidak pernah diunggah, karena memang tidak ada tempat untuk mengunggahnya.

Tidak ada langkah unggahFile dibaca dan ditulis di dalam tab browser ini. Tidak ada server yang bisa menerimanya.
Browser yang memastikannyaContent Security Policy halaman ini hanya mengizinkan koneksi kembali ke situs ini, yang hanya menyajikan aplikasinya sendiri.
Buktikan sendiriBuka developer tools, perhatikan tab Network, lalu jalankan sebuah proses: tidak ada request yang membawa dokumen Anda.
Open sourceSetiap baris kode ada di GitHub, dibangun dengan qpdf, pdf.js & pdf-lib.

Pertanyaan yang sering diajukan

Apakah file saya diunggah ke suatu tempat?

Tidak. Fizzdoc melakukan semua proses di dalam tab browser Anda, menggunakan mesin open source yang dikompilasi ke WebAssembly dan JavaScript. File Anda dibaca dari perangkat Anda, diproses secara lokal, dan hasilnya langsung disimpan kembali ke perangkat Anda. Anda bisa membuktikannya sendiri: buka developer tools browser Anda, lihat tab Network, lalu jalankan sebuah proses — tidak ada request yang membawa file Anda.

Diagram apa yang didukung?

Semua yang bisa digambar Mermaid, termasuk flowchart, sequence, class, state, entity-relationship, Gantt, pie, mind map, timeline, dan Git graph. Jika kode ada kesalahan, pesan dari Mermaid sendiri akan memberi tahu apa yang perlu diperbaiki.

PNG atau SVG?

SVG tetap tajam di ukuran berapa pun dan terbaik untuk situs web serta alat desain. PNG berfungsi di mana saja, termasuk Word, PowerPoint, dan aplikasi chat; pilih 2× atau 4× untuk slide dan cetakan yang tajam.

Apakah Fizzdoc gratis?

Ya, dan akan tetap gratis: tanpa daftar, tanpa watermark, tanpa batas harian, dan tanpa paket berbayar. Fizzdoc adalah open source di bawah lisensi Apache-2.0, jadi siapa pun bisa menjalankan salinannya sendiri.