디자인 아틀라스▤데이터 시각화
생키, 트리맵, 스파크라인, 히트맵 — 차트의 정확한 이름과 언제 무엇을 쓰는지. — 41개 항목
선버스트Sunburst chart
중첩된 계층 구조를 도넛처럼 겹친 고리로 펼쳐서, 조각의 각도로 상위 항목 대비 비중을 보여주는 차트.
스트림그래프Streamgraph
누적 영역 차트를 중심선 기준 위아래로 부풀려, 강물처럼 흐르는 여러 시계열의 상대적 크기를 보여주는 차트.
리지라인 플롯Ridgeline plot
여러 그룹의 분포 곡선을 살짝 겹치게 위아래로 쌓아, 그룹 사이 분포 모양의 차이를 산맥처럼 늘어놓는 차트.
평행 좌표Parallel coordinates
여러 변수를 나란한 수직 축으로 늘어놓고, 한 항목의 값들을 축을 가로지르는 하나의 꺾은선으로 잇는 차트.
비스웜 플롯Beeswarm plot
값 하나를 축 위의 점으로 찍되, 점끼리 겹치지 않도록 옆으로 밀어내 개별 데이터와 전체 분포 모양을 동시에 보여주는 차트.
마리메꼬 차트Marimekko chart
누적 막대의 너비와 높이를 둘 다 값으로 쓰는 차트. 너비는 범주의 전체 규모, 높이는 그 안의 구성비를 동시에 보여줍니다.
덤벨 차트Dumbbell chart
한 범주의 두 값을 점 두 개와 그 사이를 잇는 선으로 표시해, 두 시점·두 그룹 사이의 변화량을 한눈에 보여주는 차트.
롤리팝 차트Lollipop chart
두꺼운 막대 대신 얇은 줄기와 끝의 원으로 값을 표시하는 막대 차트의 변형. 잉크는 줄이고 끝점의 정확한 위치는 그대로 남깁니다.
캘린더 히트맵Calendar heatmap
날짜를 요일×주 단위 작은 격자로 늘어놓고, 하루의 값을 색의 진하기로 칠해 활동이 언제 몰리는지 보여주는 차트.
헥스빈Hexbin plot
점이 너무 많아 뭉개지는 산점도를 육각형 격자로 나눠, 칸마다 점의 개수(밀도)를 색으로 칠하는 차트.
등고선 플롯Contour plot
지형도의 등고선처럼, 값이 같은 지점을 이어 2차원 평면 위에서 값이 어떻게 오르내리는지 보여주는 차트.
덴드로그램Dendrogram
항목들이 어떤 순서로, 얼마나 다를 때 짝지어 묶이는지를 나무 모양 연결선의 높이로 보여주는 차트.
코드 다이어그램Chord diagram
여러 항목을 원 둘레에 배치하고, 항목 사이의 관계량을 원 안쪽을 가로지르는 리본으로 이어 모든 관계를 한 화면에 보여주는 차트.
폴라 에어리어 차트Polar area chart
파이 차트처럼 원형이지만 각 조각의 각도는 똑같이 나누고, 대신 반지름의 길이로 값을 인코딩하는 차트.
와플 차트Waffle chart
전체를 정사각형 100개로 나누고 그중 몇 개를 채워서 비율을 "세어서" 확인할 수 있게 보여주는 차트.
불릿 차트Bullet chart
실적 바 하나, 배경 품질 밴드, 목표 눈금선만으로 "지금 어디에 있고 그게 좋은가"를 한 줄에 압축하는 차트.
KPI 카드KPI card
큰 숫자 하나에 증감 방향, 최근 추세, 목표 대비 진행률까지 묶어 보여주는 대시보드의 가장 작은 조립 단위.
바이올린 플롯Violin plot
박스플롯의 다섯 숫자 요약 대신, 커널 밀도 추정 곡선을 좌우로 대칭시켜 분포의 실제 모양을 바이올린처럼 보여주는 차트.
막대 차트Bar chart
범주별 값을 막대 길이로 비교하는 가장 기본적인 차트. 길이는 눈으로 가장 정확하게 비교할 수 있는 인코딩입니다.
선 차트Line chart
연속된 시점의 값을 점으로 찍고 이어서 추세를 보여주는 차트. "어떻게 변해왔나"에 답합니다.
영역 차트Area chart
선 아래를 색으로 채운 차트. 선보다 "양감"과 누적된 크기를 더 강하게 암시합니다.
누적 막대 차트Stacked bar chart
한 막대 안에 여러 세그먼트를 쌓아 전체 합과 구성 비율을 동시에 보여주는 차트.
산점도Scatter plot
두 연속형 변수를 x·y 좌표에 점으로 찍어 상관관계와 군집을 드러내는 차트.
버블 차트Bubble chart
산점도에 원의 크기라는 세 번째 변수를 더한 차트. x·y·크기 세 값을 한 번에 보여줍니다.
파이 · 도넛 차트Pie and donut chart
전체를 100%로 두고 조각의 각도(면적)로 구성비를 보여주는 차트. "부분과 전체" 관계 하나만 잘 보여줍니다.
스파크라인Sparkline
축도 눈금도 없이 텍스트 옆에 놓는 아주 작은 추세선. 숫자 하나에 "요즘 흐름"이라는 맥락을 덧붙입니다.
히트맵Heatmap
두 범주(행·열)를 격자로 교차시키고 값의 크기를 색으로 채우는 차트. 큰 표를 한눈에 훑을 때 씁니다.
트리맵Treemap
값을 사각형의 면적으로 인코딩해 화면을 빈틈없이 채우는 차트. 계층 구조를 가진 부분-전체 데이터에 씁니다.
생키 다이어그램Sankey diagram
한 상태에서 다음 상태로 흘러가는 양을 리본의 두께로 보여주는 차트. "어디서 얼마나 새는가"에 답합니다.
레이더 차트Radar chart
여러 축을 방사형으로 펼치고 값을 이어 다각형으로 보여주는 차트. 다차원 항목 하나의 "프로필"을 보여줄 때 씁니다.
히스토그램Histogram
연속형 값을 구간(bin)으로 나눠 각 구간에 몇 개가 속하는지 세는 차트. "값이 어떻게 분포하는가"에 답합니다.
박스 플롯Box plot
최솟값·1사분위·중앙값·3사분위·최댓값 다섯 숫자로 분포의 중심과 퍼짐을 요약하는 차트.
캔들스틱 차트Candlestick chart
한 구간의 시가·고가·저가·종가 네 값을 막대(몸통)와 선(꼬리) 하나로 압축해 보여주는 금융 차트.
게이지 차트Gauge chart
값 하나를 반원 눈금 위 바늘/호로 보여주는 차트. 속도계처럼 "지금 상태가 정상 범위 안인가"에 답합니다.
폭포 차트Waterfall chart
시작값에서 끝값까지 오르내리는 단계를 떠있는 막대로 이어 보여주는 차트. "어떤 항목들이 이 변화를 만들었나"에 답합니다.
퍼널 차트Funnel chart
연속된 단계를 거치며 줄어드는 값을 너비가 좁아지는 막대로 보여주는 차트. "어느 단계에서 가장 많이 새는가"에 답합니다.
코로플레스Choropleth
지역 단위마다 값의 크기를 색 농도로 칠하는 지도 차트. 이 데모는 실제 지도 대신 추상 타일 격자로 원리만 보여줍니다.
네트워크 그래프Network graph
노드(점)와 그 사이를 잇는 링크(선)로 관계를 보여주는 차트. 위치는 값이 아니라 힘의 균형(force simulation)으로 계산됩니다.
슬로프 차트Slope chart
정확히 두 시점 사이의 값 변화를 기울어진 선 하나로 보여주는 차트. 오르는 선과 내리는 선이 한눈에 갈립니다.
스몰 멀티플Small multiples
같은 형태의 작은 차트를 같은 축으로 여러 개 나란히 늘어놓는 방식. 한 차트에 다 우겨넣는 대신 "펼쳐서" 비교합니다.
데이터-잉크 비율Data-ink ratio
에드워드 터프티의 개념 — 전체 잉크 중 실제로 데이터를 나타내는 잉크의 비율. 나머지는 지울수록 좋습니다.