Ketik panah seperti User -> API -> Database dan dapatkan diagram arsitektur atau alur yang sudah tertata. Lipat grup untuk gambaran besar, beri nomor langkah untuk alur rinci.
Seret kotak untuk memindahkannya. Klik dua kali untuk mengganti nama atau menambah kotak. Seret titik pada kotak untuk menghubungkan. Ctrl+Z membatalkan.
Tidak ada yang diunggah: diagram tersimpan di browser Anda dan di tautan yang Anda bagikan.
Di alat papan tulis Anda menggambar setiap kotak dan panah lalu merapikannya dengan tangan. Di sini Anda mengetik siapa berbicara dengan siapa, satu baris per panah, dan tata letak dibuat otomatis. Kelompokkan layanan terkait lalu lipat grupnya menjadi satu kotak untuk gambaran besar; buka lagi untuk detailnya.
Excalidraw adalah papan tulis bebas: Anda menaruh setiap bentuk dan panah sendiri. Di sini teks adalah diagramnya dan tata letaknya otomatis, jadi menambah layanan cukup satu baris, bukan menggambar dan merapikan kotak. Untuk sketsa bebas, Excalidraw tetap lebih cocok.
Masukkan kotak terkait ke grup dengan Nama { ... }. Ringkasan melipat setiap grup menjadi satu kotak dan menggabungkan panahnya; Detail membukanya lagi. Anda juga bisa melipat satu grup lewat kepalanya.
Tidak. Diagram digambar di browser Anda dan disimpan di penyimpanan lokalnya. Tautan berbagi membawa diagram di dalam tautan itu sendiri, setelah tanda #, yang tidak pernah dikirim browser ke server.
Tidak langsung; tidak ada impor Mermaid. Baris sederhana seperti A -> B tetap berfungsi, tetapi ada tiga perbedaan. Hapus baris judul graph TD, kalau tidak ia menjadi sebuah kotak, dan tulis direction: down sebagai gantinya. Buang label Mermaid di dalam kurung siku, karena di sini teks di dalam [ ] dibaca sebagai tag bentuk dan warna. Lalu --> di sini menggambar panah putus-putus untuk panggilan asinkron, sedangkan di Mermaid itu panah biasa; pakai -> untuk panah utuh.
A -> B: teks memberi label pada panah, A --> B menggambar panah putus-putus, A <-> B panah dua arah, dan A <- B menunjuk ke belakang. Nama [db, blue] menetapkan bentuk dan warna; bentuknya service, db, cache, queue, actor, client, storage, external, decision, terminal dan note. title: memberi nama diagram, direction: down menyusunnya dari atas ke bawah, dan baris yang diawali # atau // adalah komentar. Satu diagram memuat hingga 300 kotak, 600 panah, dan 20.000 karakter teks.