Lompat ke isi
CirccaHIG

Komponen / Grafik & jadwal

ActivityRings

Cincin konsentris gaya Activity untuk beberapa cakupan terhadap populasi yang sama (bekal SSA/AS/OT), dengan legenda kisi "Punya SSA 5/6 · 83%" dan catatan sisa.
React · BetaFigma · siapFigmaSumber

Kapan dipakai

Gunakan

  • Pilih ActivityRings bila pertanyaan kartu adalah "berapa dari populasi yang sama sudah punya A, B, C" — semua cincin berbagi penyebut.
  • Urutkan dari yang paling wajib (luar) ke yang opsional (dalam).
  • Tulis catatan sisa: merah (danger) bila menahan proses, netral bila boleh kosong.

Hindari

  • Jangan mencampur populasi berbeda dalam satu ActivityRings — pakai BarList atau mini ProgressRing terpisah.
  • Jangan lebih dari 4 cincin; cincin dalam jadi terlalu kecil.
  • Jangan memakai ActivityRings untuk komposisi (bagian dari keseluruhan) — pakai DonutChart.

Contoh benar & salah

  • Punya SSA5/6 · 83%
  • Punya AS3/6 · 50%
  • Punya OT3/6 · 50%
GunakanTiga cakupan terhadap 6 orang yang sama, dengan legenda nilai dan catatan.
HindariCincin tanpa legenda nilai — warna dan panjang busur saja tidak terbaca.

Penulisan

  • Label diawali kata kerja keadaan: "Punya SSA", "Punya Overtime".
  • Nilai "<jumlah>/<populasi> · <persen>": "5/6 · 83%".
  • Catatan menyebut sisa dan dampaknya: "sisa 1 · menahan pengajuan"; untuk yang opsional "boleh 0".

Komponen terkait

Esc
↑↓ pilih↵ buka12 hasil