차트 유형 안내
Data Race는 각 데이터셋에 대해 정확한 숫자를 위한 데이터 테이블과 함께 아홉 가지 고유한 차트 모드를 제공합니다. 각 모드는 순위, 추세, 구성, 지리적 패턴, 순위 궤적, 전체의 흐름 또는 직접적인 크기 비교와 같은 데이터의 다른 측면을 강조합니다. 이 가이드는 각 시각화가 무엇을 보여주고, 어떻게 읽어야 하며, 언제 가장 유용한지 설명합니다.
바 차트 레이스
바 차트 레이스는 Data Race의 대표적인 시각화입니다. 순위가 매겨진 엔티티를 가로 막대로 표시하며, 가장 긴 막대가 가장 높은 값을 나타냅니다. 애니메이션이 재생되면서 막대가 순위 변화를 반영하여 위아래로 움직이며 역동적인 레이스 효과를 만들어냅니다. 각 막대는 색상이 구분되어 있고 엔티티 이름, 국기(국가의 경우), 현재 값이 레이블로 표시됩니다.
언제 사용하나: 시간의 흐름에 따른 순위 변화를 보고 싶을 때 사용하세요. 적당한 수의 엔티티(10~20개)를 비교하고 극적인 상승이나 하락을 발견하는 데 특히 효과적입니다.
- 막대 길이가 값을 나타냅니다—막대가 길수록 값이 높습니다
- 막대 위치가 순위를 보여줍니다—가장 위의 막대가 1위
- 기간 사이의 부드러운 전환이 순위 변화를 보여줍니다
- 애니메이션 전체에서 엔티티별 색상이 일관되게 유지됩니다
범프 차트
범프 차트는 각 엔티티의 순위를 1..N 축 위에 시간 순으로 표시하며, 1위가 맨 위에 위치합니다. 순위가 바뀔 때마다 선이 위아래로 움직이고, 교차 지점이 추월 순간을 나타냅니다. 절대값이 아닌 순서에 집중하므로, 1위 다툼이 1달러 차이든 1조 달러 차이든 모양은 동일합니다. 고정된 엔티티는 더 밝은 선과 점 주변의 후광으로 강조됩니다.
언제 사용하나: 순위 순서가 핵심 이야기일 때 사용하세요 — 올림픽 메달 집계, 한 세기에 걸친 상위 10개 경제권, 자리가 자주 바뀌는 리더보드. 누가 언제 누구를 추월했는지 가장 명확하게 보여주는 뷰입니다.
- Y축은 순위: 1위가 맨 위, N위가 맨 아래
- 선이 내려가거나 올라가면 해당 엔티티가 순위를 잃거나 얻고 있음을 의미합니다
- 두 선이 교차 = 한 엔티티가 해당 기간에 다른 엔티티를 추월
- 수평선은 순위가 유지되었음을 의미합니다
- 보이는 Top-N 밖의 엔티티는 하단 가장자리에 칩으로 표시됩니다
꺾은선 그래프
꺾은선 그래프는 각 엔티티의 시간에 따른 값 변화를 연속적인 선으로 표시합니다. 모든 엔티티가 동일한 축에 표시되어 장기 트렌드를 쉽게 비교할 수 있습니다. 현재 기간은 수직 마커로 강조 표시되며, 임의의 점에 마우스를 올리면 정확한 값을 확인할 수 있습니다. 고정된 엔티티는 두꺼운 선으로 강조되고 다른 것들은 배경으로 희미해집니다.
언제 사용하나: 시간에 따른 트렌드를 추적하거나, 성장 궤적을 비교하거나, 한 엔티티가 다른 엔티티를 추월하는 교차점을 파악하고 싶을 때 사용하세요.
- Y축은 값의 눈금을 보여주고, X축은 시간대를 보여줍니다
- 각 선이 하나의 엔티티를 나타냅니다—선을 따라가면 그 궤적을 볼 수 있습니다
- 경사가 급할수록 더 빠른 성장 또는 하락을 나타냅니다
- 선이 교차하는 것은 엔티티 간의 순위 변화를 보여줍니다
스트림그래프
스트림그래프는 각 엔티티의 원시값을 중심 기준선을 중심으로 위아래로 대칭되는 색상 밴드로 쌓아 표시합니다. 어떤 시점의 총 높이도 모든 엔티티의 합산값과 같으므로, 구성과 총량을 동시에 볼 수 있습니다. 재생하면 스트림이 왼쪽에서 흘러 들어오고 — 밴드가 나타나고, 팽창하고, 하나의 유기적인 덩어리로 재조정됩니다. 단조롭게 성장하는 데이터셋, 즉 전체적인 그림이 이야기인 경우에 가장 적합합니다.
언제 사용하나: 전체가 하나의 흐르는 형태로 진화하는 것을 느끼고 싶을 때 사용하세요 — 세계 GDP가 폭발하면서 지역이 재균형을 이루거나, OSS 생태계가 확장되면서 새로운 라이브러리가 기존 것을 대체하거나, 시가총액이 커지면서 섹터가 순환하는 경우.
- 어떤 지점의 밴드 두께 = 해당 기간의 해당 엔티티 원시값
- 차트 전체 높이 = 모든 가시 엔티티의 합계 (Top-N + 기타)
- 밴드는 애니메이션이 진행됨에 따라 왼쪽에서 뻗어나옵니다 — 앞쪽 가장자리가 현재 순간
- 중심은 y=0에 고정; 차트는 위아래로 대칭 성장
- 국기는 각 밴드 안에 표시; 얇은 밴드는 색상 한 줄로 압축됩니다
파이 차트
파이 차트는 단일 시간대의 값 구성을 보여줍니다. 각 조각은 전체에서 한 엔티티의 점유율을 나타냅니다. 애니메이션이 재생되면서 조각 크기가 변화하는 비율을 반영하여 조정됩니다. 소수의 대형 엔티티가 전체를 지배할 때 가장 유익하며, 집중 또는 다양화 패턴을 드러냅니다.
언제 사용하나: 각 엔티티가 전체에서 차지하는 점유율을 이해하고 싶을 때 사용하세요. 예를 들어 어느 나라가 CO₂를 가장 많이 배출하는지, 또는 GDP 점유율이 가장 큰지 확인할 때 활용합니다.
- 조각 크기가 전체에서 엔티티의 점유율을 나타냅니다
- 조각에 마우스를 올리면 정확한 비율과 값을 볼 수 있습니다
- 작은 조각들은 가독성 유지를 위해 '기타'로 묶입니다
- 시간이 지남에 따라 커지거나 작아지는 조각을 주목하여 주도권 변화를 파악하세요
트리맵
트리맵은 차트 영역을 직사각형으로 나눕니다. 각 직사각형은 항목의 값에 비례하여 크기가 정해집니다. 즉, 값이 클수록 직사각형도 커집니다. d3-treemapResquarify 알고리즘은 직사각형이 혼란스럽게 재배열되는 대신 기간에 걸쳐 모양을 정사각형으로 유지하여 부드럽게 슬라이드하고 크기를 조정합니다. top-N 아래의 롱테일 항목은 '기타' 타일로 축소되어 나머지 항목과 함께 커지고 작아집니다.
언제 사용하나: 각 항목이 전체에서 '얼마나 차지하는지'가 중요하고 모든 항목이 스크롤이나 별도의 보기로 분할 없이 하나의 프레임에 압축되기를 원할 때 트리맵을 사용하십시오.
- 직사각형 면적은 항목의 값에 비례합니다
- 가장 큰 직사각형은 순위 #1입니다 — 일반적으로 왼쪽 상단에 고정됩니다
- 레이아웃이 기간 사이에 업데이트될 때 모양이 정사각형으로 유지되어 가독성을 유지합니다
- top-N 아래의 타일은 '기타' 직사각형으로 모입니다
- 깃발, 이름, 값은 각 직사각형 안에 있습니다. 얇은 타일은 공간을 맞추기 위해 깃발을 생략합니다
단계구분도
세계 지도는 연속적인 색상 척도를 사용하여 값에 따라 국가를 색상으로 표시합니다. 어둡거나 강렬한 색상일수록 높은 값을 나타냅니다. 지도는 즉각적인 지리적 개요를 제공하여 다른 차트 유형에서는 발견하기 어려운 지역적 패턴과 클러스터를 부각시킵니다. 임의의 국가에 마우스를 올리면 이름, 값, 순위를 확인할 수 있습니다.
언제 사용하나: 지리가 중요한 경우에 사용하세요. 지역 클러스터 파악, 이웃 국가 비교, 또는 변수가 대륙에 걸쳐 어떻게 분포하는지 확인하는 데 활용합니다.
- 색상 강도가 값에 대응합니다—범례에서 척도를 확인하세요
- 회색 국가는 선택한 기간에 데이터가 없습니다
- 지역적 패턴(예: 유럽 클러스터, 사하라 이남 아프리카 지대)을 쉽게 파악할 수 있습니다
- 마우스를 올려 정확한 값 확인; 클릭하면 국가를 고정하여 비교 가능
버블 맵
버블 맵은 비례 기호 지도입니다. 각 항목은 국가(또는 지역) 중심에 고정된 원으로 그려지며, 원의 반지름은 값에 비례합니다. 위치는 움직이지 않고 반지름과 색상만 애니메이션됩니다. 그 결과 시간 경과에 따라 제자리에서 커지고 작아지는 지리적 스냅샷이 생성되어 한 번에 '어디에' 있고 '얼마나 큰지'를 쉽게 확인할 수 있습니다.
언제 사용하나: 지리와 크기를 결합한 단일 시각화를 원할 때 버블 맵을 사용하십시오. 예를 들어, 소수의 미국 해안 도시에 시가총액이 집중되는 동안 아시아와 유럽 전역에서 작은 버블이 나타나는 것을 관찰할 때 유용합니다.
- 원의 위치는 각 국가의 중심에 고정됩니다
- 원 반지름은 현재 기간의 값에 비례합니다
- 값은 원 안에 중앙에 위치합니다 (깃발 없음 — 위치가 항목을 식별합니다)
- 색상은 항목의 카테고리 팔레트를 따르며, top-N에서 벗어나면 희미해집니다
- 데이터가 없는 기간에는 해당 항목의 원이 표시되지 않습니다
버블 차트
버블 차트는 각 항목을 값에 따라 크기가 결정된 자유롭게 떠다니는 원으로 채우며, d3-force가 충돌을 해결하여 원이 겹치지 않고 밀집하여 군집합니다. 팩 레이아웃은 기간별로 다시 계산되고 인접 기간 사이에 보간되어 부드러운 애니메이션을 제공합니다. 축은 없습니다. 위치는 정량적인 의미를 가지지 않고 크기만 의미를 가집니다. 전역 √(value) 스케일은 데이터가 변화함에 따라 가장 큰 항목이 일관되게 가장 크게 유지되도록 합니다.
언제 사용하나: 축과 지리에서 벗어나 순수한 크기 비교를 원할 때 버블 차트를 사용하십시오. top 항목들 사이에서 '무엇이 얼마나 더 큰지'를 한눈에 파악하는 데 이상적입니다.
- 원 반지름은 √(value)에 비례합니다 — 가장 큰 항목이 가장 큰 원을 얻습니다
- 위치는 장식적입니다. 원은 떠다니지만 픽셀 위치는 값의 의미가 없습니다
- 공간이 허용될 때 깃발은 18px에 위치합니다. 4px보다 작은 원에서는 숨겨집니다
- 집계 모드(지역/그룹)는 깃발 없이 값을 중앙에 배치합니다
- 색상은 항목의 카테고리 팔레트를 따릅니다
데이터 테이블
데이터 테이블은 모든 값을 정렬 및 스크롤 가능한 그리드로 표시합니다. 각 행에는 엔티티의 순위, 이름, 값, 글로벌 점유율, 전년 대비 변화가 표시됩니다. 애니메이션 차트와 달리 테이블은 정확한 숫자를 표시하여 상세한 비교와 데이터 검증에 이상적입니다. 임의의 열로 정렬하여 상위 항목, 가장 변동이 큰 엔티티, 또는 특정 엔티티를 찾을 수 있습니다.
언제 사용하나: 시각적 인상이 아닌 정확한 수치가 필요할 때 사용하세요. 팩트 체크, 상세한 비교, 또는 추가 분석을 위한 데이터 내보내기에 이상적입니다.
- '값' 열로 정렬하여 가장 높거나 낮은 항목을 확인하세요
- '변화' 열은 이전 기간으로부터의 성장 또는 하락을 보여줍니다
- '점유율' 열을 사용하여 각 엔티티의 글로벌 총량 대비 비율을 비교하세요
- 테이블을 CSV로 다운로드하여 스프레드시트나 연구에 활용하세요
적합한 차트 선택하기
각 차트 유형은 다른 질문에 답합니다. 막대 차트는 '지금 누가 이기고 있습니까?'에 답합니다. 순위 차트는 '누가 누구를 제쳤습니까?'에 답합니다. 선 차트는 '각 값은 어떻게 변화했습니까?'에 답합니다. 스트림그래프는 '전체가 어떻게 하나로 흐릅니까?'에 답합니다. 파이 차트는 '이 순간 각 항목이 차지하는 비중은 얼마입니까?'에 답합니다. 트리맵은 '전체 중 각 항목이 얼마나 차지합니까?'에 답합니다. 단계구분도는 '지리적으로 값이 가장 높은 곳은 어디입니까?'에 답합니다. 버블 맵은 '얼마나 크고 — 어디에 있습니까?'에 답합니다. 버블 차트는 '원시 크기는 어떻게 비교됩니까?'에 답합니다. 그리고 테이블은 '정확한 숫자는 무엇입니까?'에 답합니다. 동일한 데이터셋에서 보기를 전환하면 여러 각도에서 데이터의 완전한 그림을 얻을 수 있습니다.
- 순위 및 경쟁 → 막대 차트
- 순위 궤적 및 추월 → 순위 차트
- 장기 추세 및 궤적 → 선 차트
- 시간에 따른 구성 변화 → 스트림그래프
- 특정 시점의 점유율 → 파이 차트
- 모든 항목이 하나의 프레임에 압축 → 트리맵
- 지리적 패턴 → 단계구분도
- 지리 + 크기를 한 번에 보기 → 버블 맵
- 순수 크기 비교 → 버블 차트
- 정확한 값 및 내보내기 → 데이터 테이블