Kembali ke semua diagram

Diagram Sankey

Visualisasikan kuantitas aliran antar node dengan panah proporsional. Sempurna untuk aliran energi, alokasi anggaran, dan corong konversi.

Apa itu Diagram Sankey?

Diagram Sankey adalah diagram aliran di mana lebar panah proporsional terhadap kuantitas aliran yang direpresentasikan. Mereka unggul dalam menunjukkan bagaimana kuantitas mengalir, terpecah, dan bergabung melalui sistem. Dinamai dari Kapten Irlandia Matthew Sankey, diagram ini sangat berharga untuk memvisualisasikan transfer energi, aliran anggaran, corong konversi, dan proses apa pun di mana pemahaman aliran proporsional penting.

Edit dan pratinjau

Bangun Diagram Sankey dengan sintaks Mermaid dan lihat perubahan secara instan.

Editor
100%

Example

Sankey diagram example

A Mermaid sankey diagram showing how editor exports flow into documentation uses.

Mermaid sankey diagram example showing export formats flowing into documentation, websites, and presentations
Mermaid sankey diagram example showing export formats flowing into documentation, websites, and presentations

Mermaid code

sankey-beta
Editor,PNG export,42
Editor,SVG export,28
Editor,PDF export,18
Editor,JPG export,12
PNG export,Documentation,35
SVG export,Website,22
PDF export,Presentation,15

Kasus Penggunaan Umum

Analisis Corong Konversi

Visualisasikan aliran pengguna melalui corong pemasaran atau penjualan. Lihat di mana pengguna berhenti dan bagaimana lalu lintas berkonversi di setiap tahap.

Visualisasi Aliran Energi

Tunjukkan bagaimana energi dihasilkan, ditransformasi, dan dikonsumsi di seluruh sistem. Lacak kerugian dan efisiensi di setiap tahap.

Aliran Anggaran dan Biaya

Ilustrasikan bagaimana uang mengalir dari sumber pendapatan melalui departemen ke pengeluaran. Buat distribusi keuangan menjadi intuitif.

Pemetaan Rantai Pasokan

Lacak material dan produk dari pemasok melalui manufaktur ke distribusi. Visualisasikan kuantitas di setiap tahap.

Fitur Utama

Panah Proporsional

Lebar panah secara otomatis diskalakan untuk merepresentasikan kuantitas aliran, membuat volume relatif langsung terlihat.

Label Node

Definisikan node sumber dan target dengan label deskriptif untuk mengidentifikasi setiap tahap atau entitas dalam aliran.

Beberapa Aliran

Tunjukkan aliran yang terpecah dari satu sumber ke beberapa target, atau beberapa sumber yang bergabung ke satu target.

Sintaks Mirip CSV Sederhana

Definisikan aliran menggunakan triplet sumber, target, nilai yang intuitif dan mudah ditulis serta dikelola.

Praktik Terbaik

Aliran Kiri ke Kanan

Atur diagram sehingga aliran bergerak dari kiri ke kanan, sesuai arah membaca alami dan progres temporal.

Gunakan Nama Node yang Bermakna

Beri label node dengan jelas sehingga pembaca langsung memahami apa yang direpresentasikan setiap tahap atau entitas.

Batasi Kompleksitas

Jaga jumlah aliran dan node tetap dapat dikelola. Terlalu banyak panah yang bersilangan mengurangi keterbacaan.

Pastikan Akurasi Data

Verifikasi bahwa nilai aliran akurat, karena proporsi visual langsung mengkomunikasikan kuantitas kepada pembaca.

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.

Grafik XY

Buat diagram batang dan diagram garis dengan sumbu yang dapat disesuaikan. Ideal untuk visualisasi data dan analisis tren.

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.