[TIL 240722] 직관적인 데이터 시각화 만들기

오늘은 아티클스터디로 

"직관적인 데이터 시각화 만들기" 를 스터디 했다.

https://yozm.wishket.com/magazine/detail/1792/

데이터 시각화 101: ②직관적인 데이터 시각화 만들기 | 요즘IT

 

---

 

시각 정보를 처리하는 과정

 

1.     뚜렷한 시각 요소 파악하기

색, 질감, 두께, 방향 등 기본적 시각 요소를 파악

 

2.     패턴 알아차리기

그 시각 요소들의 공통점과 차이점을 파악

 

3.     해석하기

그 패턴들을 활용해 의미를 부여하고 해석

 

 

전주의적 속성 이해하기

 

 

무엇을 보자마자 알아차리는 시각요소들 – Preattentive attributes

 

 

게슈탈트 원리 (Gestalt principles)를 바탕으로 한 디자인

 

우리의 뇌는 사물을 구성 요소로 분해하기 보다는, 하나의 큰 전체로 파악하는 데 더 탁월함.

 

1.     가까이 위치하기 – Proximity

서로 가까이 있는 요소들은 서로 멀리 떨어져 있는 요소들에 비해 더 연관되어 보인다.

 

2.     비슷한 특징 가지기 – Similarity

비슷한 특징을 가지는 요소들은 그렇지 않은 요소들에 비해 더 연관되어 보인다.

 

3.     같은 방향으로 움직이기 – Common fate

같은 방향으로 움직이는 요소들은 그렇지 않은 요소들에 비해 더 연관되어 보인다.

 

4.     연결하기 – Uniform connectedness

시각적으로 연결되어 있는 요소들은 그렇지 않은 요소들에 비해 더 연관되어 보인다.

 

---

 

나의 인사이트

 

전주의적 속성 더 알아보기

인간의 시각 시스템이 정보를 빠르게 처리하고 받아드릴 수 있게 하는 기본적 시각 특징들.

 

1.     색상

색상의 차이로 하나의 데이터를 매우 효과적으로 강조할 수 있다.

막대 그래프에서 원하는 범위의 막대만 다른 색으로 칠한다.

 

 

2.     형태

형태의 차이로 서로 다른 데이터 그룹임을 나타낼 수 있다.

산포도에서 다른 집단을 나타내기 위해 서로 다른 마커를 사용할 수 있다.

 

 

3.     크기

데이터의 중요성이나 상대적 값의 차이를 나타낼 수 있다.

버블 차트에서 데이터 포인트의 값을 버블의 크기로 나타낸다.

 

 

4.     위치

데이터 간의 관계를 x와 y로 가장 직관적으로 나타낼 수 있다.

선 그래프에서 시간의 경과에 따른 y값의 변화를 직관적으로 확인할 수 있다.

 

 

5.     방향

방향의 차이로 데이터의 흐름이나 추세를 나타낼 수 있다.

화살표를 사용해 데이터의 흐름을 나타내기 좋다.

 

 

6.     채우기 패턴이나 텍스처

색상이 아닌 패턴/텍스처를 사용해 다른 범주를 나타낼 수 있다.

 

 

 

 

 

위와 같은 속성들을

 

적절히 조합해 일관성을 유지하며 너무 많지 않게

 

사용하는 것이 중요하다.