인간의 뇌의 절반은 시각 정보를 처리하는 데 완전히 쓰인다. 사용자에게 정보지도를 보여줄 때, 당신은 이미 뇌의 최대 대역폭 경로로 그에게 영향을 미치고 있습니다.
잘 설계된 데이터 시각화는 즉시 방문자에게 깊은 인상을 줄 수 있으며 복잡한 이야기의 혼란을 문제의 핵심에 꿰뚫을 수 있습니다.
우리 모두 알고 있듯이,' 뉴욕타임스' 의 시각도표는 매우 전문적이어서 사실을 설명할 수 있을 뿐만 아니라 간결하고 아름답다. (조지 버나드 쇼, Northern Exposure (미국 TV 드라마), 예술명언)
일반인으로서, 사실 몇 가지 디자인 규칙과 약간의 심미 훈련만 지키면 전문적인 시각차트를 만들 수 있다.
이번에는 20 개의 차트 제작 과정에서 유용한 방법과 규칙을 소개하겠습니다.
잘못된 차트 유형은 혼란을 초래할 수 있습니다. 동일한 데이터 세트에 대해 여러 차트 유형을 선택할 수 있지만 차이점을 염두에 두어야 합니다.
청중에게 무엇을 보여주고 싶습니까? 이것이 가장 중요한 선택이다. 여기에 10 여 가지 차트 유형이 있다.
가로 막대 차트를 그릴 때 y 축 왼쪽에 음수 값을 그리고 y 축 오른쪽에 양수 값을 그립니다. 축의 같은 쪽에 양수 값과 음수 값을 그리지 마십시오.
세로 막대 그래프도 마찬가지다.
Y 축을 자르면 표현식이 왜곡됩니다. 아래 예에서 왼쪽에 있는 차트를 보면 B 값이 D 값보다 3 배 이상 크지만 실제로는 차이가 훨씬 작다는 결론을 빨리 내릴 수 있다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 성공명언)
기준선 0 부터 시작하여 사용자가 보다 정확한 데이터 표현을 얻을 수 있도록 합니다.
라인 차트의 경우 항상 y 축 스케일을 0 으로 제한하면 차트가 너무 평평해서 추세 변화를 표현하지 못할 수 있습니다.
라인 차트의 주요 목표는 추세를 표현하는 것이기 때문에 데이터 범위에 따라 스케일을 조정하는 것이 합리적입니다. 라인 높이를 y 축 범위의 3 분의 2 로 유지하는 것이 좋습니다.
라인 차트는 라인이 연결된 "표시" 로 구성되며 일반적으로 시계열의 변화를 나타내는 데 사용됩니다.
간격이 작고 시점이 많을 때, 폴리라인은 주식 분선과 같이 변화를 표현하는 아주 좋은 방법이다. (존 F. 케네디, Northern Exposure (미국 TV 드라마), 시간명언)
그러나 시점이 희소하고 간격이 큰 경우 월별 판매 변화와 같은 히스토그램으로 표시하는 것이 좋습니다. 이 경우 선 그래프가 혼란을 일으키기 쉽기 때문이다.
부드러운 선 차트는 시각적으로 즐겁지만 뒤의 실제 데이터를 왜곡하고 너무 두꺼운 선이 실제 "표시" 위치를 가립니다.
일반적으로 시각화 공간을 절약하기 위해 두 데이터 시퀀스 측정이 동일하지만 크기가 다를 경우 이축 그래프를 사용하는 경향이 있을 수 있습니다.
그러나 이축 그래프는 읽기가 어려울 뿐만 아니라 두 데이터 시퀀스 간의 비교를 나타내는 것으로 오해할 수 있습니다.
대부분의 사용자는 두 축 사이의 스케일 차이를 면밀히 주시하지 않고 차트만 탐색하여 잘못된 결론을 내릴 수 있습니다.
원형 차트는 가장 인기 있는 차트 중 하나이며 자주 오용되는 차트이다.
대부분의 경우 막대 그래프가 더 좋은 선택입니다. 그러나 원형 차트를 사용해야 하는 경우 다음 사항에 주의해야 합니다.
적당한 라벨이 없다면, 차트가 아무리 예쁘더라도 거의 의미가 없다.
차트에 직접 레이블을 지정하면 한눈에 볼 수 있고 시간을 절약할 수 있기 때문에 모든 검토자에게 도움이 됩니다.
범례를 보는 데는 많은 시간이 걸리지만, 일반 관중들은 범례와 차트의 색깔을 자세히 비교하지 않는다.
값을 슬라이스에 놓으면 가독성이 떨어지거나 슬라이버에 레이블을 지정할 수 없는 등 많은 문제가 발생할 수 있습니다.
더 좋은 것은 각 데이터 레이블에 방향이 명확한 검은색 레이블을 추가하는 것입니다.
원형 차트의 슬라이스 크기가 무질서하면 표현식을 이해하기 어렵다.
따라서 원형 슬라이스는 특정 규칙에 따라 정렬해야 합니다. 보통 가장 큰 분할 영역은 12 점에 놓고 다음 분할 영역을 시계 방향으로 내림차순으로 배치합니다.
히스토그램 정렬도 무작위성을 피해야 하며 특정 규칙에 따라 정렬하면 더 명확하고 읽기 쉽습니다.
최대값을 맨 위 (가로 막대) 또는 왼쪽 (세로 막대) 에 놓아 가장 중요한 값이 가장 두드러진 공간을 차지하도록 하고 안구 모션을 줄이고 차트를 읽는 데 필요한 시간을 줄입니다.
원형 차트의 중간 부분을 제거하고 도넛 차트를 만들 때 추가 정보를 표시할 공간을 마련할 수 있지만 폭이 너무 좁으면 차트를 읽기 어려울 수 있습니다.
불필요한 스타일은 주의를 산만하게 할 뿐만 아니라 데이터에 대한 오해를 불러일으켜 사용자에게 잘못된 인상을 줄 수 있다.
다음과 같은 경우는 피해야 합니다.
색상은 효과적인 데이터 시각화의 필수적인 부분이며 다음과 같은 세 가지 팔레트 유형을 고려합니다.
연구에 따르면 12 명 중 약 1 사람은 색맹이다. 차트는 광범위한 청중이 얻을 수 있는 경우에만 가치를 극대화할 수 있습니다.
그래서 배색을 할 때 다음과 같은 측면에 주의해야 합니다.
조판이 정보를 정확하게 전달하도록 하여 사용자가 주의를 산만하게 하는 대신 데이터에 집중할 수 있도록 합니다.
다음 사항에 유의하십시오.
레이블이 너무 길면 회전 각도를 사용하지 말고 가로 막대 그래프로 표시해야 합니다. 이 간단한 기술은 사용자가 차트를 더 효율적으로 볼 수 있도록 합니다.
웹 및 APP 프로젝트에 대화식 차트를 추가할 경우 어떤 차트 라이브러리가 사용됩니까?
현재 echarts, highcharts 등 선택할 수 있는 전문적인 아이콘 라이브러리가 많이 있습니다.
차트 라이브러리에는 앞서 언급한 많은 상호 작용 및 규칙이 포함되어 있습니다. 정의된 라이브러리를 기반으로 설계하면 쉽게 구현할 수 있으며 많은 대화식 아이디어를 제공합니다.
대화형 차트는 매개변수, 시각화 유형 및 타임라인을 변경하여 사용자가 탐색할 수 있도록 함으로써 유용한 정보를 보다 효율적으로 얻을 수 있습니다.
좋은 데이터 시각화 차트는 오랫동안 당신의 머리 속에 사실, 추세, 또는 과정의 정신 모델을 남길 것이다. (존 F. 케네디, 데이터명언)
차트를 만드는 것은 어렵지 않지만, 좋은 도표는 많은 세부 사항에 주의를 기울여 뱀을 그리는 것을 피하고 너무 멀리 걸어야 한다.