Tentang Mermaid Viewer

Mermaid Viewer adalah editor diagram Mermaid gratis yang berjalan di browser. Anda menulis atau menempel teks Mermaid di sebelah kiri, dan diagram yang sudah dirender muncul di sebelah kanan saat Anda mengetik.

Proses render terjadi di browser Anda. Diagram Anda tidak diunggah, tidak disimpan, dan tidak diproses di server — Mermaid berjalan sebagai JavaScript di mesin Anda sendiri, dan berkas yang Anda jatuhkan dibaca secara lokal. Itulah sebabnya ini cocok untuk diagram yang tidak akan Anda tempel ke alat berbasis cloud: arsitektur internal, sistem dengan nama pelanggan di labelnya, apa pun yang tercakup NDA.

Satu catatan yang lebih baik saya sampaikan daripada sembunyikan: jika Anda mengaktifkan tautan berbagi, diagram dikodekan ke dalam URL itu sendiri, dan URL yang Anda kirim ke orang lain melintasi jaringan. Selebihnya tetap di mesin Anda.

Saya perlu mendokumentasikan arsitektur perangkat lunak, dan saya ingin diagramnya berada di repositori bersebelahan dengan kode, bukan di alat gambar terpisah. Mermaid adalah format yang jelas untuk itu. Yang tidak saya punya adalah cara yang baik untuk melihatnya.

Saya tidak mencari alat lebih dulu. Saya melihat masalahnya, menilainya kecil, dan memperkirakan bisa membuat sesuatu yang rapi dalam waktu singkat. Jadi saya kerjakan — commit pertama proyek ini bertanggal Januari 2026.

Saya membuatnya untuk diri sendiri, tidak lebih dari itu. Saya ingin membuka diagram, melihatnya dirender, memperbesar bagian yang saya butuhkan, dan mengirim tautan ke seseorang. Orang lain menemukannya belakangan, dan itu mengubah apa yang saya kerjakan, tetapi tidak mengubah apa alat ini sebenarnya.

Mermaid yang melakukan render. Situs ini adalah semua yang ada di sekelilingnya: editor langsung dengan pratinjau seketika, zoom dan geser untuk diagram yang terlalu besar untuk satu layar, tiga tema, ekspor SVG dan PNG, tautan berbagi yang dikodekan dalam URL, seret-dan-jatuhkan berkas .mmd dan .mermaid, serta antarmuka dalam 18 bahasa.

Penggunaannya gratis dan dibiayai oleh iklan yang tidak mengganggu.

Pertanyaan dan laporan bug ke dominik@malsch.solutions. Data penyelenggara ada di impresum.