Pembuat Diagram Lingkaran
Data diagram
Ubah himpunan kecil data kategori menjadi diagram lingkaran atau donat yang jelas tanpa mengunggah lembar kerja. Masukkan baris label dan nilai atau tempel data CSV maupun data yang dipisahkan tab, lalu pilih warna, label, posisi legenda, dan sudut awal. Pratinjau dilengkapi ringkasan teks dan tabel data yang aksesibel, sedangkan hasil ekspor dibuat secara lokal sebagai PNG 1200 × 800 atau SVG yang dapat diskalakan. Diagram lingkaran paling tepat untuk beberapa bagian bernilai nonnegatif yang membentuk satu keseluruhan yang bermakna.
Cara membuat diagram lingkaran
-
1
Masukkan kategori
Tambahkan baris berisi label dan nilai, atau tempel data dua kolom dalam format CSV maupun dipisahkan tab.
-
2
Pilih tampilan
Pilih lingkaran atau donat, palet, label irisan, posisi legenda, urutan, dan sudut awal.
-
3
Periksa hasil yang aksesibel
Tinjau diagram, alternatif teksnya, serta nilai dan persentase yang tepat di dalam tabel.
-
4
Ekspor diagram
Unduh PNG 1200 × 800 atau SVG yang dapat diskalakan, atau salin data sumber sebagai CSV.
Hal yang ditunjukkan diagram lingkaran
Diagram lingkaran memetakan setiap nilai positif menjadi sudut pada lingkaran 360°. Jika sebuah kategori memiliki nilai v dan seluruh nilai yang ditampilkan berjumlah T, sudut pusatnya adalah 360 × v / T, sedangkan persentase yang ditampilkan adalah 100 × v / T. Diagram donat menggunakan proporsi yang sama dan mengosongkan bagian tengah; cara perbandingan dasarnya tidak berubah.
| Kategori | Nilai | Proporsi | Sudut irisan |
|---|---|---|---|
| Produk | 45 | 45% | 162° |
| Layanan | 30 | 30% | 108° |
| Dukungan | 25 | 25% | 90° |
Dalam contoh ini, jumlahnya 100. Karena itu, Produk menempati 45 / 100 × 360 = 162°. Alat ini menerima nilai nol, tetapi tidak menggambarnya pada lingkaran. Nilai negatif, kosong, dan tidak terhingga ditolak karena tidak dapat menggambarkan bagian biasa dari suatu keseluruhan. Setidaknya satu nilai harus positif.
Kapan sebaiknya memakai diagram lain
Diagram lingkaran paling mudah dibaca jika hanya memuat beberapa irisan yang ukurannya jelas berbeda. Diagram batang biasanya lebih baik apabila nilainya berdekatan, kategorinya banyak, perbandingan presisi penting, atau kategori tersebut bukan bagian dari satu jumlah keseluruhan. Diagram garis lebih sesuai untuk perubahan dari waktu ke waktu. Hindari persentase yang tumpang tindih atau menghitung hal yang sama dua kali, sebab lingkaran yang tampak rapi tidak dapat memperbaiki jumlah yang keliru.
Warna, label, dan aksesibilitas
Makna tidak boleh disampaikan lewat warna saja. Pertahankan legenda atau label irisan yang terlihat, periksa tabel pendamping, dan gunakan palet ramah buta warna bila diagram akan dibagikan secara luas. Irisan yang sangat kecil mungkin tidak cukup luas untuk teks; label, nilai, dan persentase tepatnya tetap tersedia di legenda dan tabel data. SVG berguna untuk penyuntingan dan hasil cetak tajam. PNG adalah gambar tetap berukuran 1200 × 800 yang sesuai untuk presentasi, dokumen, dan unggahan media sosial.
Diagram dibuat dengan API SVG dan Canvas di browser. Data diagram tidak dikirim ke layanan diagram eksternal. Kemajuan dalam alur bertahap disimpan sementara di penyimpanan sesi tab ini dan dapat dihapus dengan memulai kembali atau menutup tab.
Untuk panduan lebih lanjut, baca saran Datawrapper tentang membuat diagram lingkaran dengan sedikit bagian, tutorial W3C mengenai tabel data yang aksesibel, dan referensi MDN untuk mendeskripsikan grafik SVG dengan <desc>.
Pertanyaan yang Sering Diajukan
Ya. Salin dua kolom yang berisi label dan nilai, lalu tempelkan ke pengimpor. Baris lembar kerja yang dipisahkan tab, CSV yang dipisahkan koma, dan baris yang dipisahkan titik koma didukung, termasuk label CSV dalam tanda petik. Angka desimal Indonesia seperti 12,5 dapat dimasukkan dengan memakai titik koma sebagai pemisah kolom.
Nol tidak memiliki luas sudut sehingga diterima, tetapi tidak ditampilkan di lingkaran. Nilai negatif tidak dapat mewakili irisan biasa dari suatu keseluruhan dan akan ditolak. Setidaknya satu kategori harus lebih besar dari nol.
Keduanya menyajikan proporsi dengan cara yang sama. Pilih lingkaran untuk gambaran bagian terhadap keseluruhan yang paling langsung, dan donat jika jumlah total di tengah berguna. Gunakan diagram batang jika perbandingan yang tepat lebih penting.
SVG yang dibuat memiliki ringkasan teks dan setiap irisan dilengkapi deskripsi teks. Halaman juga menyediakan tabel biasa yang memuat setiap label, nilai, dan persentase yang ditampilkan. Saat menerbitkan diagram di tempat lain, sertakan tabel atau deskripsi teks yang setara.
Tidak. Baris, judul, dan pengaturan desain tetap berada di browser Anda. Selama alur bertahap, data hanya disimpan di penyimpanan sesi tab ini; PNG dan SVG dirender secara lokal dan tidak ada data yang dimasukkan ke URL.
Alat Terkait
Editor Foto
Editor foto berbasis browser dengan pangkas, putar, kecerahan, kontras, saturasi, filter, hamparan teks, dan ekspor ke JPG, PNG, atau WebP.
Generator Kode QR
Buat kode QR secara lokal di browser dari URL, teks biasa, atau payload QR yang diformat benar, lalu unduh sebagai PNG.
Generator Barcode
Buat barcode 1D yang dapat dipindai dalam Code 128, Code 39, EAN-13, UPC-A, ITF-14, dan Codabar. Ekspor sebagai PNG, SVG, atau PDF untuk dicetak.
Pembaca Kode QR
Dekode kode QR dari gambar PNG, JPG, atau WebP di browser. Lihat URL, Wi-Fi, vCard, SMS, email, kalender, geo, atau teks sebelum digunakan.
Pembuat GIF
Ubah rangkaian gambar atau video pendek menjadi GIF animasi. Atur frame rate, pengulangan, dan ukuran sebelum mengekspor.
Vektorisasi PNG ke SVG
Telusuri gambar raster PNG menjadi jalur SVG langsung di browser. Cocok untuk logo, ikon, dan gambar garis. Atur ambang, jumlah warna, dan penghalusan.