logo

Editor Mermaid

Edit grafik dan diagram Mermaid dengan mudah dengan editor online gratis ini.

Tulis dan pratinjau diagram Mermaid secara real-time. Buat flowchart, diagram sekuens, diagram Gantt, dan lainnya untuk dokumentasi teknis dan wiki.

logo
Paji Dev Workshop
Editor Mermaid

Editor Mermaid

Edit grafik dan diagram Mermaid dengan mudah dengan editor online gratis ini.
Tentang alat ini

Tulis dan pratinjau diagram Mermaid secara real-time. Buat flowchart, diagram sekuens, diagram Gantt, dan lainnya untuk dokumentasi teknis dan wiki.

Pengolahan

FAQ

Pertanyaan dan jawaban umum tentang topik ini.

Apa itu Mermaid?

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.

Tipe diagram apa yang didukung?

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.

Bisakah saya mengekspor diagram?

Ya, Anda dapat mengunduh diagram yang dirender sebagai gambar untuk digunakan dalam presentasi, dokumentasi, atau proyek lainnya.

Apakah data saya dikirim ke server mana pun?

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.

Bagaimana cara menulis sintaks Mermaid?

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.

Bisakah saya menggunakan Mermaid di GitHub atau Markdown?

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.