🌱 그래프 레터.화살표를 잊지 마세요.

여러분 안녕하세요, 정보 디자이너 ssen입니다.

화살표, 사실 우리가 가장 자주 쓰면서도 가장 대충 다루는 요소 아닐까요? 방향과 양(두께)까지 한 번에 표현할 수 있는, 생각보다 가성비 좋은 도구인데 말이죠.

이 화살표는 일반 도식에서도, 데이터 시각화에서도 똑같이 힘을 발휘합니다. 오늘은 이 화살표 하나를 제대로 짚어보겠습니다.

화살표로 가장 많이 쓰는 방식은 순서대로 나열한 개체 사이를 화살표로 채우는 것입니다. 여기서 구분 기준 하나만 더해보죠. 색상입니다.

시작은 회색, 끝으로 갈수록 짙어지는 색을 입히면 프로세스가 점점 완성되어 간다는 느낌을 줄 수 있습니다. 화살표 하나에 방향과 순서를, 색상 하나에 진행감을 더하는 거죠. 도형만 나열해도 될 도식에 화살표와 색상 두 가지만 더했을 뿐인데, 표현력은 확 달라집니다.

이 화살표라는 개념, 데이터 시각화에서도 똑같이 쓰입니다. 코딩에서는 이걸 노드(점, 항목)와 엣지(그 사이를 잇는 연결선)라고 부르는데, 대표적인 예가 생키 다이어그램입니다.

여기서 노드는 소득 구간(상·중·하)과 계층 인식(핵심중산층 등)이고, 그 사이를 잇는 엣지가 실제 사람들의 비율입니다. 같은 대상을 다른 기준으로 나눴을 때, 그 이동을 엣지 하나로 보여주는 거죠.

단계가 늘어나도 원리는 같습니다. 지역, 업체명, 운영상태, 업종을 각각 노드로 두고, 그 사이를 흐르는 엣지의 굵기로 참여 업체 수를 보여준 사례입니다. 네 개 항목을 따로 떼어 보면 아무것도 안 보이지만, 엣지로 연결하는 순간 흐름이 보입니다.

화살표 하나를 그릴 때도 사실 필요한 건 세 가지뿐입니다. 어디서 시작하는지, 어디서 끝나는지, 그리고 그 사이의 양이 어느 정도인지. 이 세 가지만 파악하고 그리면, 복잡한 도구 없이도 화살표 하나로 이해도를 확 높일 수 있습니다.