Design Atlas▤Data visualization
Sankey, treemap, sparkline, heatmap — chart names and when to reach for each. — 41 entries
Sunburst chart선버스트
Unrolls a nested hierarchy into concentric rings, where each arc angle shows its share of the parent it sits inside.
Streamgraph스트림그래프
A stacked area chart inflated around a central baseline instead of zero, so several time series read as an organic, river-like flow.
Ridgeline plot리지라인 플롯
Stacks each group’s density curve with a slight overlap, laying distribution shapes out like a mountain range so groups compare at a glance.
Parallel coordinates평행 좌표
Lines up many variables as parallel vertical axes and draws one item’s values across all of them as a single line.
Beeswarm plot비스웜 플롯
Plots each value as a dot on one axis, nudging overlapping dots sideways so every individual point stays visible while the swarm’s shape still reads as a distribution.
Marimekko chart마리메꼬 차트
A stacked bar where both width and height carry meaning — width shows each column’s overall scale, height its internal composition, at the same time.
Dumbbell chart덤벨 차트
Draws a category’s two values as two dots joined by a line, so the gap between two points in time — or two groups — reads directly as the line’s length.
Lollipop chart롤리팝 차트
A bar-chart variant that swaps the thick fill for a thin stem and a dot at the tip — less ink, while the exact endpoint stays just as precise.
Calendar heatmap캘린더 히트맵
Lays days out as a grid of week columns and weekday rows, coloring each cell by intensity to reveal when activity clusters over time.
Hexbin plot헥스빈
Splits an over-plotted scatter into a hexagonal grid and colors each cell by how many points fall inside — density instead of a smear of dots.
Contour plot등고선 플롯
Connects points of equal value like a topographic map’s contour lines, showing how a value rises and falls across a 2D plane.
Dendrogram덴드로그램
A tree-shaped diagram whose branch heights show which items get grouped together, and how dissimilar they were when they merged.
Chord diagram코드 다이어그램
Arranges several entities around a circle and connects every pairwise relationship as a ribbon cutting across the middle, so all relationships show at once.
Polar area chart폴라 에어리어 차트
Circular like a pie chart, but every wedge gets an equal angle — the value is encoded in how far out each wedge reaches instead.
Waffle chart와플 차트
Divides the whole into 100 small squares and fills as many as the percentage calls for, so a share of the whole can literally be counted, not just eyeballed.
Bullet chart불릿 차트
Compresses "where are we, and is that good" into one thin row — a single measure bar, background quality bands, and a target tick mark.
KPI cardKPI 카드
The dashboard’s smallest building block: one big number bundled with its delta, a recent trend, and progress toward a goal.
Violin plot바이올린 플롯
Replaces a box plot’s five-number summary with a mirrored kernel density curve, so the distribution’s actual shape shows through instead of being compressed away.
Bar chart막대 차트
The most basic chart for comparing a value across categories — length is the encoding the eye compares most accurately.
Line chart선 차트
Plots a value at successive points in time and connects them — the chart for "how has this changed."
Area chart영역 차트
A line chart with the space beneath it filled — the fill makes volume and cumulative magnitude read more strongly than a bare line.
Stacked bar chart누적 막대 차트
Stacks segments inside one bar so the total and its composition read at the same time.
Scatter plot산점도
Plots two continuous variables as x/y points to reveal correlation and clustering that a summary number would hide.
Bubble chart버블 차트
A scatter plot with a third variable added as circle size, so x, y, and magnitude all read at once.
Pie and donut chart파이 · 도넛 차트
Shows composition as slice angle out of a whole — it does exactly one thing well: part-to-whole at a glance.
Sparkline스파크라인
A tiny axis-less trend line that sits beside text — it adds "recent shape" context to a single number.
Heatmap히트맵
Crosses two categorical axes into a grid and fills each cell by magnitude — the fastest way to scan a big table at a glance.
Treemap트리맵
Encodes value as rectangle area, tiling the whole plot with no wasted space — built for hierarchical part-to-whole data.
Sankey diagram생키 다이어그램
Shows quantity flowing from one state to the next as ribbon thickness — the chart for "where is it leaking, and how much."
Radar chart레이더 차트
Spreads several axes out radially and connects the values into a polygon — good for showing one item’s multi-dimensional "profile."
Histogram히스토그램
Buckets a continuous variable into bins and counts how many observations fall in each — the chart for "how is this value distributed."
Box plot박스 플롯
Summarizes a distribution’s center and spread with five numbers: min, Q1, median, Q3, max.
Candlestick chart캔들스틱 차트
Compresses four numbers per period — open, high, low, close — into one body-and-wick mark, the standard for financial time series.
Gauge chart게이지 차트
Shows a single value as a needle or filled arc on a semicircular scale — a speedometer for "is this in the safe range."
Waterfall chart폭포 차트
Chains floating bars from a starting value to an ending value — the chart for "which items actually drove this change."
Funnel chart퍼널 차트
Shows a value shrinking through sequential stages as narrowing bars — the chart for "which step leaks the most."
Choropleth코로플레스
Fills each geographic unit by value using color intensity. This demo uses an abstract tile grid, not real map data, to show the principle.
Network graph네트워크 그래프
Shows relationships as nodes (dots) and links (lines) between them. Positions come from a force simulation, not from any value.
Slope chart슬로프 차트
Shows the change between exactly two points in time as a single tilted line — rising and falling lines split apart at a glance.
Small multiples스몰 멀티플
Repeats the same small chart, same scale, once per category — instead of cramming everything into one chart, it lays them side by side.
Data-ink ratio데이터-잉크 비율
Edward Tufte’s ratio of ink that actually represents data to total ink used — everything else is a candidate for deletion.