Data Visualization

Charts That Actually Communicate

Eleven common visualization types, what they're for, and when to reach for something else. Pick the chart that fits the question — not the chart that looks impressive.

01 / 11

Bar Chart

Horizontal bars excel at ranking. Long category names read naturally left-to-right, and dozens of items stack tidily down the page without sacrificing label clarity.

Top product categories Units sold Apparel Electronics Beauty Home Sports Books
Best for
Ranking · Top-N lists
Use when
Long labels · Many items
Avoid when
Time-series data
Ranking
02 / 11

Column Chart

The workhorse of comparison. Vertical columns let the eye judge length along a common baseline — one of the most accurate visual encodings for categorical data with short labels.

Revenue by region USD · 2025 NA EU UK APAC LATAM MEA
Best for
Comparing categories · Time-series
Use when
5–12 items · Short labels
Avoid when
Labels are long or angled
Comparison
03 / 11

Line Chart

The clearest way to show change over a continuous variable — usually time. Slope tells you direction, steepness tells you rate, crossings tell you where one series overtakes another.

Monthly active users Jan – Dec
Best for
Trends over time
Use when
Continuous data · Many points
Avoid when
Categories aren't sequential
Trend
04 / 11

Area Chart

A line chart with the area below filled in. Adds visual weight that emphasizes volume or cumulative magnitude — useful for showing how a total accumulates or how parts stack up.

Hours logged Stacked
Best for
Volume + trend together
Use when
Cumulative or stacked totals
Avoid when
Series overlap and hide each other
Volume
05 / 11

Pie & Donut

Parts of a whole, expressed as angle. Reliable only for two or three slices — beyond that, eyes can't distinguish small angular differences and a bar chart will read clearer.

Browser share 50% CHROME
Chrome 50%
Safari 30%
Other 20%
Best for
Two-way splits
Use when
≤ 3 slices · Whole = 100%
Avoid when
Many slices · Close values
Proportion
06 / 11

Scatter Plot

Each point is one observation across two variables. Reveals correlation, clusters, and outliers — the chart that lets the data's structure show itself, rather than imposing one.

Hours vs. score n = 24
Best for
Correlation · Outliers
Use when
Two numeric variables
Avoid when
Tracking change over time
Relationship
07 / 11

Histogram

A bar chart for a single continuous variable, binned into ranges. Reveals the shape of a distribution — where the mass is, whether it's skewed, whether you're looking at one population or several.

Response time (ms) bins = 12 median
Best for
Distribution shape
Use when
One continuous variable
Avoid when
Comparing categories
Distribution
08 / 11

Heatmap

A grid where color intensity encodes a third value across two dimensions. Excellent for spotting density and pattern at a glance — calendar usage, correlation matrices, geographic clusters.

Active users · day × hour Mon Tue Wed Thu Fri Sat Sun
Best for
Density across two dims
Use when
Patterns matter more than exact values
Avoid when
Accuracy is critical
Density
09 / 11

Treemap

Hierarchical proportions packed into a rectangle. Each block's area represents its value, and nesting shows containment — efficient for showing both share and structure in a single dense view.

Budget allocation Engineering 42% Sales 22% Marketing 14% Design 9% Ops 7% Other 6%
Best for
Hierarchical part-of-whole
Use when
Many categories · Nested data
Avoid when
Precise comparison is needed
Hierarchy
10 / 11

Box Plot

A compact summary of a distribution: median, quartiles, range, and outliers — all in one mark. Indispensable when comparing the spread of many groups side-by-side.

Response time by region NA EU APAC LATAM
Best for
Comparing distributions
Use when
Spread + median matter
Avoid when
Audience isn't stats-literate
Statistical
11 / 11

Sankey Diagram

Shows flow between states. Thickness of each ribbon represents quantity transferred — the best chart for tracing how a user, a dollar, or an electron moves through a system.

Signup → activation flow Signups 10,000 Activated 7,000 Dormant 2,200 Churned
Best for
Flow between states
Use when
Funnels · Energy · Network flow
Avoid when
Many cross-overs make it tangled
Flow
Further Reading