ChartColors
원본: projects/skill-lens/design/components/ChartColors/README.md
상태: In Progress, 접근성 ✓, 다크 ✓, 코드 ✗
차트 팔레트: 범주형 6(순서 고정), 순차형 7, 발산형 7
결과 화면 차트의 색 체계입니다. 범주형, 순차형, 발산형 세 팔레트.
쓰는 곳
직무별 준비도, 스킬 히트맵, 목표 대비 차이.
구성(화면이 넘겨줄 것)
값과 범주.
규칙
- 범주형
chart-1~6: 순서 고정, 이웃끼리 명도가 다르게. 일곱 범주 이상이면 "기타"로 묶습니다. - 순차형
chart-seq-1~7: 히트맵과 레벨 분포. 진할수록 큰 값. - 발산형
chart-div-1~7: 목표 대비 부족(산호)과 초과(보라)에만. - 차트 안의 도달, 진행, 미달은 상태색 그대로.
- 파이 차트는 범주 넷 이하일 때만. 그라데이션으로 순차 팔레트를 대신하지 않습니다.
접근성
- 색만으로 구분하지 않습니다. 범례에 단어, 선은 모양을 달리, 막대에는 라벨.
- 연한 색은 흰 바탕에서
chart-ring윤곽과 함께.
이 사이트는 ideber 저장소 projects/skill-lens/ 에서 자동으로 만들어집니다. 고칠 때는 저장소를 고칩니다. 공개 주소이지만 검색엔진에는 나오지 않습니다.