brunch

You can make anything
by writing

C.S.Lewis

by Youjin Shin ㅣ 신유진 May 21. 2024

KB 부동산의 막대그래프는 잘못 디자인되었습니다

왜곡을 일으키는 막대그래프


KB 부동산 페이지를 살피던 중, 막대그래프가 상당히 잘못 디자인되었다는 것을 알게 되었어요. 시각적인 왜곡을 일으키기 쉬워서, 자칫 막대그래프를 보고 잘못된 정보를 얻어갈 수도 있겠다는 생각이 들었습니다. 도대체 막대그래프가 무엇이 잘못된 것인지 한 번 살펴보겠습니다.




마이너스 값이 보이지 않는다


아래는 KB 부동산에서 제공하는 서울의 단독 전세가격지수 증감률입니다. 막대그래프로 시각화되었네요. 잘못된 부분은 바로 마이너스 값의 표현입니다. 이때는 0점을 기준으로 아래로 내려가는 막대그래프 형태로 만들어져야 합니다.


아래는 의미 없는 값을 기준점으로 해서 플러스와 마이너스 증가율을 막대로 나타냈습니다. 즉, 막대그래프에서 막대의 높이가 아무 의미가 없다는 것을 의미합니다. 시각적 왜곡을 일으킬 수 있는 잘못된 막대그래프 디자인입니다.


출처: KB 부동산


다음과 같이 개선해 보았습니다. 막대는 0점을 기준으로 플러스와 마이너스 값을 표시합니다. 그리고 플러스와 마이너스 값을 구별하기 위해 각각 다른 색으로 나타내 주었습니다. 위의 막대그래프와 그 차이가 보이시나요?






값의 변화가 왜곡되어 보인다


다음은 대구의 연립 매매가격대비 전세가격비율을 보여줍니다. 값이 항상 플러스인 경우에도 역시나 막대그래프의 막대는 0점에서 시작해야 합니다. 우리의 뇌는 막대의 길이를 값의 크기로 인식하기 때문입니다.


출처: KB 부동산


위의 막대그래프를 0점을 기준으로 아래와 같이 업데이트하였습니다. 실제로는 값의 변동이 별로 크지 않다는 것을 알 수 있습니다. 



선 그래프는 그 선의 움직임을 통해 변동을 파악하기 때문에 Y 축을 보고자 하는 부분에 맞추어 확대해도 됩니다. 하지만 막대그래프는 다릅니다. 0점으로부터의 막대의 길이와 그 상대적인 길이의 변화로 값을 인식하기 때문에 무조건 0점에서 시작해야 합니다.


막대그래프와 같은 차트를 데이터 시각화라고 합니다. 그 말은 눈으로 볼 수 있는 그래픽을 통해서 데이터의 정보를 파악한다는 말입니다. 시각적으로 알아차려진 정보와 실제 정보가 다를 때 우리는 이 것을 정보의 왜곡이라고 합니다. 하루빨리 KB 부동산의 디자인이 개선되기를 바랍니다.


차트가 불러일으키는 시각적 왜곡에 대해서 관심 있으신 분들은 아래의 글들도 함께 읽어보시면 좋을 것 같습니다!


https://brunch.co.kr/@visualplot/60


https://brunch.co.kr/@visualplot/17




출처

-  KB 부동산 (연립 매매가격대비 전세가격비율)

-  KB 부동산 (단독 전세가격지수 증감률)


*위의 링크에서 관심있는 지역을 클릭하면 막대그래프를 확인할 수 있습니다


매거진의 이전글 버블차트(Bubble chart) 사용법
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari