그래픽 디자인?
그래프 디자인 개념
그래프 디자인은 데이터 시각화의 한 가지 분기로, 데이터의 2 차 가공으로 통계 그래프로 표현됩니다. 데이터 시각화의 핵심 표현이기도 합니다. 차트 설계는 차트의 데이터 자체가 명확하고 정확하며 직관적이며 이해하기 쉬울 뿐만 아니라 사용자가 데이터를 통해 의사 결정을 내릴 수 있도록 적절한 관심의 핵심 내용을 강조해야 합니다.
다음은 일반적으로 사용되는 세 가지 시각적 차트 디자인을 분석합니다.
선 그래프
라인 차트는 데이터 변경 및 추세를 나타내는 데 자주 사용되며 축의 차이는 라인의 변경 범위에 큰 영향을 줍니다.
왼쪽에서 좌표 축이 너무 낮게 설정되어 있고 폴리선이 너무 가파르게 변합니다. 그림에서 숫자 범위가 (10-34) 인 데이터 시각화는 라인 변경 추세를 과장합니다.
오른쪽 축의 값을 너무 높게 설정하면 폴리선 변경이 너무 평평해서 폴리선 변경 사항을 명확하게 표현할 수 없습니다.
합리적인 선 차트는 차트의 3 분의 2 를 차지해야 하며, 차트 X 축의 범위는 선 값의 증감에 따라 변경되어야 하며, 프런트엔드의 동생들에게 설명하고 동적으로 계산해야 한다.
선 그래프의 선 두께는 합리적이어야 한다. 너무 가는 라인은 데이터 표현을 저하시키고, 너무 두꺼운 라인은 라인의 데이터 변동에 대한 세부 사항을 잃게 되며, 폴리라인에 해당하는 숫자 값을 직관적이고 정확하게 찾기 어렵습니다! 나는 보통 두 픽셀의 선을 사용하는데, 비교적 잘 어울릴 것 같다!
오른쪽 눈금 색상이 너무 무거워 차트 데이터의 성능에 영향을 줍니다. 그래프의 0 기준선과 눈금선의 대비가 뚜렷하지 않아 전체적으로 혼란스러웠다. 0 기준선은 시작 위치를 강조하며 일반적으로 차트의 선 색상보다 더 두드러집니다.
막대/막대 그래프
이상은 풍만하고 현실은 뼈다귀이다. 이 사례는 내가 이전 직장에서 겪었던 문제이다. 데이터가 들어오자 나는 무서웠다. 문제의 원인은 내가 프런트 엔드의 작은 오빠 언니들과 잘 소통하지 못했기 때문이다. 그들은 X 축을 죽어서 이 문제를 일으켰다. 사실, 이 차트의 범위는 동적 계산으로 작성되어야 합니다.
예를 들어, 현재 숫자 범위의 경우 데이터의 최고값은 18 이고 x 축의 최고값은 25 여야 합니다. 데이터가 특정 높이로 올라가면 x 축이 해당 숫자 높이로 올라가므로 오른쪽 그림에 표시된 문제를 피할 수 있습니다.
좌표 축의 레이블 문자는 수평으로 정렬하는 것이 가장 좋습니다. X 축의 레이블 문자가 너무 많을 때는 기울기, 상하, 문자 줄 바꿈, 가독성을 크게 떨어뜨리지 않는 것이 좋습니다! 다음 그림은 레이블 문자의 가독성을 크게 향상시키는 두 가지 솔루션을 보여줍니다!
해결 방법
열이 너무 분산되어 있으면 데이터 간의 연관성이 상실되고, 너무 밀집되어 있으면 데이터 간에 독립성이 없어 편안한 읽기에 불리하다.
기둥이 n 인 경우 기둥 간 직선 거리가 n 과 크게 다르지 않고 기둥 간 거리가 기둥 간 거리의 절반이며 시각적으로 가장 편안합니다.
파이
왼쪽 1 원형 차트에 백분율 값과 함께 표시하지 않는 것이 좋습니다. 원형 차트 자체의 모양과 크기는 글자가 너무 많을 때 쉽게 넘칩니다. 2% 와 1% 가 있으면 도면의 방향을 구분하기 어려워 데이터 시각화의 의미를 잃게 됩니다. PPT 는 보통 이런 디자인 스타일을 가지고 있는데, 왜냐하면 그것은 죽은 그림이기 때문이다.
왼쪽 3, 사람의 독서 습관은 왼쪽에서 오른쪽으로, 위에서 아래로, 그래서 데이터는 큰 것에서 작은 것으로, 읽기에 더 도움이 되고, 도형도 더 아름답다!
원형 차트가 탐지율이거나 일부 중요한 정보 감지가 데이터에 중점을 둔 경우 크기 데이터를 시계 방향으로 배열하지 않는 것이 좋습니다. 이 상황은 왼쪽 1 차트에서 거의 볼 수 없습니다. 감지된 값에 초점을 맞추고 감지되지 않은 데이터가 실제로 닭갈비라는 것을 보여주기 때문입니다. 이는 극히 드문 경우일 수 있습니다!
오른쪽 그림은 탐지율이 비슷한 데이터에 가장 적합하며, 직관적이고 쓸모없는 데이터 간섭이 없습니다!
원형 차트의 레이블 차원이 너무 길면 원형 주위의 데이터를 표시하기에 적합하지 않아 어지럽고 읽기가 어려울 수 있습니다. 해결 방법은 오른쪽 그림과 같습니다!
차트 분류 차트
차트 분류 백과 사전을 공유하고, 저장하고, 데이터 시각화 제품을 설계하면 중요한 참고 가치가 있습니다!
이 그림은 디자이너 Abela 가 그림의 다양한 특징을 요약한 것이다.