Mermaid Canlı Editör

Birkaç satırla akış, sıra, Gantt ve daha fazla diyagram çizin. Solda Mermaid kodunu yazıp sağda güncellenen diyagramı görün; belgeler, sunular veya Markdown için SVG/PNG dışa aktarın.

Tarayıcınızda çalışır — girdiğiniz hiçbir şey yüklenmez

Mermaid yükleniyor…

Nasıl kullanılır

Şablon eklemek için Diyagram şablonu ekle’den bir diyagram seçin veya mevcut Mermaid kodunu yapıştırın.
Soldaki kodu düzenleyin; yazmayı duraklattığınızda önizleme yenilenir ve sözdizimi hataları altında gösterilir.
Tema seçip SVG veya PNG indirin ya da SVG kodunu kopyalayın.

Seçeneklerin açıklaması

Diyagram türleri: Akış, sıra, sınıf, durum ve ER diyagramları, Gantt, pasta ve zihin haritası şablonları vardır. Zaman çizelgesi ve Git grafiği gibi türler doğrudan yazılabilir.
Tema: Varsayılan, nötr, koyu ve orman temalarıdır. Nötr tema siyah-beyaza yakındır ve baskıda iyi görünür.
Dışa aktarım: SVG kayıpsız ölçeklenen vektördür. PNG iki kat boyutta ve arka plan rengiyle dışa aktarılır.

Akış şeması kısa rehberi

flowchart LR
    A[Dikdörtgen] --> B(Yuvarlatılmış)
    B --> C{Karar}
    C -->|Evet| D[(Veritabanı)]
    C -.->|Hayır| E((Daire))

TD yukarıdan aşağı, LR soldan sağa
--> düz ok, -.-> noktalı, ==> kalın, -->|metin| etiketli ok

Sıkça sorulan sorular

Mermaid kodunu GitHub’a yapıştırabilir miyim?

Evet. Markdown dosyası, issue veya yorumda ```mermaid kod bloğu kullanın; GitHub diyagramı oluşturur. GitLab, Notion, Obsidian ve Typora da destekler.

Kodum yükleniyor mu?

Hayır. Mermaid tarayıcınızda oluşturulur; kod ve diyagram cihazınızdan ayrılmaz.

Düğümlerde Markdown biçimlendirmesi neden çalışmıyor?

PNG dışa aktarımı için düğüm etiketleri SVG metni olarak çizilir; HTML etiketleri ve bazı zengin metin biçimleri desteklenmez.

Gizlilik

Bu araç tamamen tarayıcınızda çalışır. Dosyalarınız ve metinleriniz cihazınızda işlenir, sunucularımıza asla yüklenmez.