Mermaid diyagramı nedir?

Mermaid diyagramı, metin tabanlı (text-based) bir diyagram oluşturma aracıdır.

Kısaca nedir?

Mermaid, JavaScript ile yazılmış açık kaynaklı bir kütüphanedir. Özel bir metin sözdizimi (syntax) kullanarak akış diyagramı, sequence diyagramı, sınıf diyagramı, Gantt şeması, ER diyagramı, state diyagramı gibi birçok diyagram türünü otomatik olarak çizer.

Yani kod yazıyormuş gibi metin yazarsınız, Mermaid bunu güzel bir görsel diyagrama dönüştürür.

Avantajları

• Sadece metin yazarak diyagram oluşturursunuz (görsel editör gerekmez)
• GitHub, GitLab, Notion, Obsidian, VS Code, Markdown dosyaları ve birçok dokümantasyon aracında doğrudan desteklenir
• Versiyon kontrolüne (Git) çok uygundur
• Hızlı ve sade bir sözdizimine sahiptir

Sequence diyagramı örneği (önceki sorunuza bağlantılı)

sequenceDiagram  
    participant Kullanıcı  
    participant Sistem  
    participant Veritabanı  
  
    Kullanıcı->>Sistem: Giriş isteği  
    Sistem->>Veritabanı: Kullanıcıyı sorgula  
    Veritabanı-->>Sistem: Kullanıcı bilgisi  
    Sistem-->>Kullanıcı: Giriş başarılı  

Bu metin, otomatik olarak bir sequence diyagramına dönüşür.

Desteklediği başlıca diyagram türleri

• Flowchart (Akış diyagramı)
• Sequence Diagram
• Class Diagram
• State Diagram
• Entity Relationship Diagram (ER)
• Gantt Chart
• Pie Chart
• Mindmap
• ve daha fazlası

Özetle: Mermaid, “kod gibi yaz, diyagram olarak gör” prensibiyle çalışan modern ve çok pratik bir diyagram aracıdır.