Diagram di dalam Markdown Anda

Dokumentasikan arsitektur, alur, dan data tanpa meninggalkan teks Anda. markdowneditor merender Mermaid, Graphviz DOT, dan grafik Vega-Lite langsung di pratinjau.

```mermaid
flowchart LR
  A[Markdown] --> B[Preview]
```

```dot
digraph { a -> b -> c }
```

Diagram Mermaid

Flowchart, diagram sequence, diagram kelas, diagram state, diagram ER, diagram Gantt, dan lainnya dirender dari blok kode fenced. Tanpa alat diagram, tanpa ekspor, hanya teks.

Graphviz DOT

Tulis layout dot, neato, circo, twopi, fdp, osage, atau patchwork dalam blok fenced dan grafiknya dirender di tempat, didukung build Graphviz WASM dalam browser.

Grafik Vega-Lite

Spesifikasi JSON deklaratif menghasilkan grafik berkualitas publikasi dalam dokumen yang sama dengan prosa Anda, berguna untuk laporan dan dokumentasi yang memadukan teks dan data.

Dirender secara lokal

Mesin diagram berjalan di browser Anda. Teks sumber dan hasil render tidak pernah meninggalkan perangkat, dan semuanya bekerja offline setelah aplikasi terinstal.