Konversi Mermaid ke SVG

Ubah kode Mermaid menjadi SVG mandiri dengan lebar dan tinggi yang sebenarnya. Tetap tajam di zoom berapa pun, terbuka di Figma, Illustrator, dan Inkscape, serta mudah disematkan di situs web dan file README.

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 SVG

Tempel kode Mermaid Anda, atau pilih file .mmd atau .md.
Pilih tema, dan latar transparan jika Anda mau.
Klik “Buat SVG”, periksa pratinjau, lalu unduh.

Cocok juga untuk

Mermaid ke SVG
simpan diagram Mermaid jadi SVG
unduh Mermaid SVG
diagram Mermaid untuk Figma
grafik Mermaid ke gambar vektor

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.

Bisakah saya mengedit SVG setelahnya?

Bisa. Teks tetap berupa teks asli dan bentuk berupa path vektor, sehingga Figma, Illustrator, Inkscape, dan kebanyakan alat desain bisa membuka dan mengeditnya.

Apakah SVG aman dipasang di situs web?

Mermaid berjalan dalam mode ketat yang menghapus skrip dan handler klik dari label, sehingga SVG hanya berisi gambar dan gayanya.

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.