Grafik XY
Buat diagram batang dan diagram garis dengan sumbu yang dapat disesuaikan. Ideal untuk visualisasi data dan analisis tren.
Apa itu Grafik XY?
Grafik XY adalah alat visualisasi data serbaguna yang memplot titik data pada sistem koordinat dua dimensi. Mendukung baik diagram batang maupun diagram garis, mereka fundamental untuk menunjukkan tren, perbandingan, dan distribusi. Grafik XY adalah jenis diagram yang paling umum digunakan dalam pelaporan bisnis, penelitian ilmiah, dan analisis data.
Edit dan pratinjau
Bangun Grafik XY dengan sintaks Mermaid dan lihat perubahan secara instan.
Example
XY chart example
A Mermaid XY chart combining bars and a line for monthly diagram exports.
Mermaid code
xychart-beta
title "Monthly Diagram Exports"
x-axis [Jan, Feb, Mar, Apr, May]
y-axis "Exports" 0 --> 100
bar [42, 58, 73, 81, 96]
line [40, 55, 70, 84, 94]Kasus Penggunaan Umum
Analisis Tren
Lacak metrik dari waktu ke waktu dengan diagram garis. Visualisasikan tren pertumbuhan, pola musiman, dan lintasan kinerja.
Laporan Perbandingan
Bandingkan nilai di seluruh kategori dengan diagram batang. Tunjukkan pendapatan per wilayah, skor per tim, atau jumlah per kategori.
Dashboard Kinerja
Buat ringkasan visual metrik utama. Gabungkan batang dan garis untuk menunjukkan baik nilai absolut maupun tren.
Dokumentasi Data
Sertakan grafik dalam dokumentasi teknis dan laporan. Jaga visualisasi data tetap terkontrol versi bersama konten teks.
Fitur Utama
Diagram Batang
Buat diagram batang vertikal dengan nilai data dan label kategori kustom untuk perbandingan kategorikal.
Diagram Garis
Plot data kontinu dengan diagram garis untuk menunjukkan tren dan perubahan dari waktu ke waktu atau lintas kategori.
Sumbu Kustom
Definisikan label sumbu, rentang, dan kategori. Tetapkan nilai minimum dan maksimum untuk representasi data yang tepat.
Grafik Gabungan
Tumpangkan diagram batang dan garis dalam visualisasi yang sama untuk menunjukkan beberapa dimensi data secara bersamaan.
Praktik Terbaik
Pilih Jenis Grafik yang Tepat
Gunakan batang untuk perbandingan kategorikal dan garis untuk tren dari waktu ke waktu. Gabungkan saat menunjukkan kedua aspek.
Beri Label Sumbu dengan Jelas
Selalu sertakan label sumbu dengan satuan. Pembaca harus memahami apa yang ditunjukkan grafik tanpa penjelasan tambahan.
Mulai Sumbu Y dari Nol
Untuk diagram batang, mulai sumbu Y dari nol untuk menghindari proporsi visual yang menyesatkan.
Jaga Set Data Tetap Fokus
Tunjukkan satu atau dua seri data per grafik. Terlalu banyak seri yang tumpang tindih membuat grafik sulit dibaca.
Jelajahi jenis diagram lainnya
Flowchart
Visualisasikan proses, alur kerja, dan algoritma dengan node dan panah terarah. Sempurna untuk proses bisnis dan pohon keputusan.
Diagram Sekuens
Dokumentasikan interaksi antara aktor atau sistem yang berbeda dari waktu ke waktu. Ideal untuk dokumentasi API dan desain sistem.
Diagram Kelas
Modelkan sistem berorientasi objek dengan kelas, atribut, dan relasi. Penting untuk perencanaan arsitektur perangkat lunak.
Diagram State
Representasikan transisi state dalam sistem atau aplikasi. Cocok untuk memodelkan state siklus hidup dan alur kerja.
Gantt Chart
Rencanakan dan lacak jadwal proyek dengan tugas dan dependensi. Sempurna untuk manajemen proyek dan penjadwalan.
Diagram ER
Rancang skema database dengan entitas dan relasi. Ideal untuk pemodelan dan dokumentasi database.
Perjalanan Pengguna
Petakan pengalaman dan interaksi pengguna di berbagai titik sentuh. Sangat baik untuk desain UX dan pemetaan perjalanan pelanggan.
Git Graph
Visualisasikan strategi percabangan Git dan riwayat commit. Berguna untuk menjelaskan alur kerja kontrol versi.
Peta Pikiran
Organisir ide, brainstorming, dan buat struktur visual hierarkis. Sempurna untuk perencanaan dan pemetaan pengetahuan.
Diagram Lingkaran
Tampilkan distribusi data proporsional dengan diagram lingkaran. Ideal untuk menunjukkan persentase dan analisis pangsa pasar.
Timeline
Visualisasikan peristiwa kronologis dan tonggak sepanjang sumbu waktu. Cocok untuk sejarah proyek dan peta jalan.
Papan Kanban
Organisir tugas ke dalam kolom yang merepresentasikan tahapan alur kerja. Sempurna untuk manajemen proyek agile dan pelacakan tugas.
Diagram Kuadran
Plot item pada grid dua sumbu untuk membandingkan dan memprioritaskan. Ideal untuk prioritas fitur dan analisis strategis.
Diagram Sankey
Visualisasikan kuantitas aliran antar node dengan panah proporsional. Sempurna untuk aliran energi, alokasi anggaran, dan corong konversi.
Diagram Blok
Bangun tata letak terstruktur dengan blok yang disusun dalam kolom dan baris. Cocok untuk arsitektur sistem dan gambaran umum komponen.
Diagram Arsitektur
Rancang arsitektur cloud dan sistem dengan ikon layanan dan koneksi. Sempurna untuk dokumentasi infrastruktur.
Diagram Paket
Visualisasikan struktur paket protokol jaringan dengan tata letak field tingkat bit. Penting untuk dokumentasi protokol jaringan.