Pembuat visual diagram lingkaran 100% di perangkat Anda • Privat

Buat diagram lingkaran yang dapat disimpan sebagai teks

Masukkan label dan nilai, pilih palet warna, tinjau bagan langsung, lalu salin sintaks Mermaid atau ekspor gambar.

Panduan diagram lingkaran

Proporsi yang dapat diedit

Pilih templat diagram lingkaran.

Beralih antara pengeditan dan hasil langsung.

Judul bagan Palet warna Tampilkan nilai data

Irisan

0 irisan Total 0

Pratinjau Mermaid langsung

Pratinjau diagram lingkaran

Menyiapkan bagan…

Privat · dirender secara lokal

Membuat pratinjau pertama Anda…

Pratinjau diperbarui saat Anda mengedit.

Menyiapkan editor…

Kapan menggunakan diagram lingkaran

Jaga bagan tetap sederhana dan mudah dibaca.

Diagram lingkaran paling sesuai untuk sedikit kategori yang membentuk satu total bermakna. Editor menampilkan total, persentase, dan irisan kecil sebelum ekspor.

Gunakan 3 hingga 6 irisan

Sudut lebih sulit dibandingkan daripada batang. Kategori yang sedikit menonjolkan perbedaan penting.

Urutkan dengan tujuan

Letakkan kategori terbesar atau terpenting di awal, lalu gunakan urutan searah jarum jam yang konsisten.

Gabungkan kategori kecil

Irisan di bawah sekitar 3 hingga 5% sulit diberi label. Gabungkan sebagai “Lainnya” jika detailnya tidak penting.

Pola sintaks

Sintaks diagram lingkaran Mermaid

Awali dengan pie, tambahkan judul jika perlu, lalu tulis label dalam tanda kutip diikuti nilai positif untuk setiap irisan.

Buka referensi bagan Mermaid

pie showData
  title Website traffic
  "Organic search" : 46
  "Direct" : 24
  "Referral" : 16
  "Social" : 9
  "Paid" : 5

Pembuat diagram lingkaran dengan kode Mermaid yang dapat diedit

Masukkan kategori dan nilai untuk membuat diagram lingkaran. Periksa persentase, total, dan warna sebelum mengekspor gambar atau menyimpan sumber Mermaid.

Pertanyaan yang sering diajukan

Apakah data dapat ditempel dari Excel atau Google Sheets?

Ya. Salin dua kolom dari lembar kerja dan tempel langsung ke area masukan data.

Bagaimana cara menambahkan judul atau menampilkan nilai angka?

Aktifkan tampilan nilai data dan masukkan judul bagan pada panel konfigurasi.

Apakah baris data saya diunggah ke layanan cloud?

Tidak. Perhitungan bagan dan perenderan SVG berlangsung sepenuhnya secara lokal di browser.