Tulis dan pratinjau diagram Mermaid secara real-time. Buat flowchart, diagram sekuens, diagram Gantt, dan lainnya untuk dokumentasi teknis dan wiki.
Tulis dan pratinjau diagram Mermaid secara real-time. Buat flowchart, diagram sekuens, diagram Gantt, dan lainnya untuk dokumentasi teknis dan wiki.
Pertanyaan dan jawaban umum tentang topik ini.
Mermaid adalah bahasa diagram berbasis teks yang merender flowchart, diagram sekuens, diagram kelas, dan lainnya dari sintaks mirip Markdown. Banyak digunakan di GitHub, GitLab, dan dokumentasi teknis.
Flowchart, diagram sekuens, diagram kelas, diagram state, diagram entity-relationship, diagram Gantt, pie chart, dan lainnya. Editor mendukung semua tipe diagram yang tersedia di library Mermaid.
Ya, Anda dapat mengunduh diagram yang dirender sebagai gambar untuk digunakan dalam presentasi, dokumentasi, atau proyek lainnya.
Tidak, rendering diagram Mermaid berjalan sepenuhnya di browser Anda. Kode diagram Anda diparsing dan dirender secara lokal dengan JavaScript — tidak ada yang dikirim ke server mana pun.
Mulai dengan mendeklarasikan tipe diagram (misalnya, flowchart TD, sequenceDiagram, classDiagram). Lalu definisikan node, koneksi, dan label menggunakan sintaks teks Mermaid. Gunakan template bawaan untuk menjelajahi berbagai tipe diagram.
Ya, GitHub, GitLab, Notion, dan banyak renderer Markdown mendukung blok kode Mermaid secara native. Cukup bungkus kode diagram Anda dalam blok kode berpagar ```mermaid, dan akan dirender sebagai diagram.