Editor Diagram Mermaid Online

Editor diagram Mermaid online profesional dengan pratinjau langsung, pengeditan visual, 22 jenis diagram, ekspor PNG/SVG dan lainnya.

Lihat Dokumentasi Sintaks

Editor KodeFlowchart

Editor Kode...

Pratinjau

100%

7 baris104 karakter

Ctrl/Cmd + SSimpanCtrl/Cmd + ZUndoCtrl/Cmd + Shift + ZRedoEscapeKeluar Layar Penuh

Cara Penggunaan

Masukkan Sintaks Mermaid

Masukkan atau tempel sintaks Mermaid di editor kiri. Mendukung 22 jenis diagram termasuk flowchart, diagram urutan, diagram kelas, dan lainnya.

Pratinjau Langsung

Sisi kanan menampilkan diagram yang dirender secara real-time. Mendukung operasi zoom dan pan untuk melihat detail diagram.

Ekspor & Bagikan

Setelah selesai, ekspor sebagai format PNG atau SVG, atau salin kode/gambar langsung ke clipboard.

Fitur

22 Jenis Diagram

Penyorotan Sintaks

Pratinjau Langsung

Simpan Otomatis

Urungkan/Ulangi

Ekspor PNG/SVG

Mode Layar Penuh

Penyimpanan Lokal

Pintasan Keyboard

Ctrl/Cmd + SSimpan

Ctrl/Cmd + ZUrungkan

Ctrl/Cmd + Shift + ZUlangi

EscapeKeluar Layar Penuh

FAQ

Apa itu Mermaid?

Mermaid adalah alat diagram dan bagan berbasis JavaScript yang merender definisi teks yang terinspirasi Markdown untuk membuat diagram. Ini banyak digunakan untuk dokumentasi, spesifikasi teknis, dan berbagai kebutuhan visualisasi.

Apakah data saya aman?

Ya, semua data disimpan secara lokal di browser Anda (LocalStorage) dan tidak diunggah ke server manapun. Konten diagram Anda sepenuhnya pribadi dan aman.

Jenis diagram apa yang didukung?

Mendukung 22 jenis diagram termasuk: Flowchart, Urutan, Kelas, Status, ER, Gantt, Pai, Git Graph, Peta Pikiran, Garis Waktu, Perjalanan Pengguna, Kuadran, Kebutuhan, C4, Sankey, dan lainnya.