🔗 어떤 색을 사용해야 할까?

데이터를 직관적으로 파악하기 위해선 적절한 색을 사용해야 한다.

• 정보를 전달 하는데 핵심적인 역할
• 색의 대비를 이용하여 데이터를 분류하거나 데이터 값의 크기를 표현
• 중요한 정보를 한눈에 파악
• 색각 이상을 고려하여 보다 많은 사람들이 시각화를 이해할 수 있도록 제공
• 쉽고 명확하게 이해할 수 있는 데이터 시각화를 만들자

1. Chroma.js

파렛트 색상 조합 생성

• 우측 상단의 This palette is colorblind-safe 선택시 색각 이상을 가진 사용자들도 데이터 시각화에서 색을 구별하고 정보를 쉽게 파악할 수 있다.

🎉 다양한 포맷의 색상 코드 제공

활용: 데이터 값의 크기 차이를 시각적으로 명확하게 구분

2. color-hex

🎉 Palettes > Popular Color Palettes 선택시 다양한 팔렛트 제공

3. Color Hunt

🎉 키워드에 맞는 다양한 색상 팔렛트와 유저 선호도 제공