Mermaid

Akış şeması, sıra diyagramı, durum diyagramı gibi metin tabanlı diyagramlar çizer. Bir alana mermaid dilinde bir kod bloğu yazman yeterli.

Sözdizimi

```mermaid
graph TD
  A --> B
  B --> C
```

Ne işe yarar

Bir süreci, karar ağacını, ilişki şemasını ya da sıralı bir etkileşimi görselleştirmek istediğinde kullanışlı: akış şemaları, sıra diyagramları, durum makineleri, Gantt şemaları ve daha fazlası desteklenir.

Kaynak

Mermaid'in kendi söz dizimi referansı: mermaid.js.org. Tsunagi bu sayfada anlatılan tüm diyagram tiplerini destekler; buradaki syntax'ı birebir kullanabilirsin.

Tsunagi'ye özgü not

Mermaid diyagramı diğer JS-tabanlı görsellerin aksine tamamen çevrimdışı render edilir: Mermaid'in kendi JavaScript'i hiç çalışmaz, native bir motor (merman) kaynak metni SVG'ye çevirir, WebView sadece o SVG'yi gösterir. Bunun kullanıcı için pratik bir farkı yok, ama internet bağlantısı gerektirmediğini bilmen faydalı.