Komponen / Grafik & jadwal

WaffleChart

Satu ikon = satu orang untuk cakupan populasi kecil (cakupan populasi vs PE); sel kotak tanpa nama untuk populasi besar.

React · BetaFigma · siapFigma Sumber

Kapan dipakai

Gunakan

Pakai mode orang saat populasi kecil dan pertanyaannya "siapa": nama di bawah ikon langsung menjawab siapa yang belum masuk.
Pakai warna bermakna: accent = sudah tercakup, warning = perlu dicek (relieving), neutral = belum tercakup.
Tulis semua kelompok di legenda, termasuk yang nol ("Aktif belum di PE · 0") — nol adalah kabar baik yang perlu terlihat.

Hindari

Jangan memaksa ikon orang untuk ratusan orang — pakai mode sel (otomatis di atas 60).
Jangan memakai WaffleChart untuk nominal uang atau nilai pecahan; satu ikon harus selalu satu orang/satuan utuh.

Cakupan populasi vs PE
Kelompok	Jumlah	Persen
Aktif di PE	3	75%
Relieving	1	25%

GunakanPopulasi kecil: satu ikon = satu orang, bernama.

Cakupan populasi vs PE
Kelompok	Jumlah	Persen
Aktif di PE	3	75%
Relieving	1	25%

HindariSatu ikon mewakili "10 orang" — pembaca menghitung ikon dan salah membaca jumlah.

Legenda "kelompok · jumlah (persen)": "Aktif di PE · 5 (83%)"; kelompok nol cukup "· 0".
Nama di bawah ikon = nama panggilan pendek ("Raka"); nama lengkap ada di daftar karyawan.
Subjudul kartu menjelaskan satuan: "Satu ikon = satu orang aktif di jendela periode."