데이터 표시
원본: projects/skill-lens/design/dataviz.md
결과 화면의 숫자, 차트, 표를 같은 규칙으로 보이기 위한 기준입니다. 색은 ChartColors, 부품은 ScoreBreakdown, Heatmap, Legend, Delta.
무엇을 먼저
- 스킬 기준이 먼저입니다. "이 스킬을 누가 갖고 있나"를 먼저, "이 사람이 무엇을 가졌나"는 한 단계 들어가서.
- 숫자 옆에는 다음 행동을 둡니다(교육계획, 채용 가이드, 인재 검색).
- 사람을 줄 세우지 않습니다. 순위, 상위 n%, 자동 인사 판단을 보이지 않습니다.
어떤 꼴로
| 보이려는 것 | 꼴 |
|---|---|
| 점수 하나와 구성 | ScoreBreakdown(큰 숫자 + 막대) |
| 스킬별 부족 | 표(스킬, 평균 GAP, 미달 인원 n / 진단 인원 N) + Delta |
| 스킬 × 직무 분포 | Heatmap(단색 순차, 칸 안 숫자, "표로 보기" 대체) |
| 비율(셋 이하) | 쌓은 막대 하나. 파이는 범주 넷 이하일 때만 |
| 회차 사이 변화 | 같은 칸에 Delta. 화면 전체를 바꾸는 "변화 보기"는 두지 않음 |
지킬 것
- 색만으로 구분하지 않습니다. 숫자, 단어, 모양, 범례를 함께.
- 모든 차트에
Legend. 축과 단위를 씁니다. - 기준 인원을 적습니다("검토완료 42명 기준"). 표본이 적다고 숫자를 숨기지는 않되, 5명 미만 그룹은 개인이 드러나지 않게 숨깁니다(잠금 + "인원 부족").
- 5명 미만 숨김은 끝까지 지킵니다: 합계와 다른 칸으로 숨긴 값을 역산할 수 없게 하고, 내려받기 파일에도 같은 규칙을 쓰고, 필터를 겹쳐 한 사람을 추정할 수 없게 합니다(계산 방법은 코드 쪽, 확인 안 함).
- 0, 진단 안 함, 확인할 수 없음을 구분합니다.
- 잘린 자료는 잘렸다고 씁니다("30개 중 20개").
- 폰에서는 표와 히트맵을 목록으로 바꿉니다. 가로 스크롤로 숨기지 않습니다.
- 숫자는
tabular-nums, 오른쪽 정렬.
이 사이트는 ideber 저장소 projects/skill-lens/ 에서 자동으로 만들어집니다. 고칠 때는 저장소를 고칩니다. 공개 주소이지만 검색엔진에는 나오지 않습니다.