Web & Dev

Data Visualization Types

Common chart types and what they work for — when to use bar, line, scatter, box, heatmap, etc.

By question type

GoalBest chartNotes
Compare values across categoriesBar / column chartOrder bars by value, not alphabetically
Trend over timeLine chartX = time, Y = metric
Part of a wholeStacked bar (not pie)Pie charts are hard to read past 3 slices
Distribution of one variableHistogram / box plot / violinBox for summary, violin for shape
Relationship between two variablesScatter plotAdd a regression line if helpful
Three variablesBubble / 3D scatter / facetedEncoding: x, y, size/color
Proportions over timeStreamgraph / stacked areaGood when total also matters
Matrix of correlationsHeatmapUse a diverging palette centered on 0
Geographic dataChoropleth / bubble mapNormalize by population if counting
Hierarchical partsTreemap / sunburstGood for nested categories
Flow between statesSankey diagramWatch for clutter with many categories
Ranked comparisons over timeSlope chart / bump chartShows rank changes

Anti-patterns

  • Pie chart with 12+ slices — use a bar chart.
  • 3D bar chart — adds no info, distorts comparison.
  • Dual Y-axis with unrelated scales — invites misreading. Prefer two stacked panels.
  • Truncated Y-axis that starts above zero on a bar chart — exaggerates differences.
  • Rainbow palette for ordered data — use a monotone sequential scale.
  • Red/green only — excludes ~5% of viewers with color blindness.
Was this article helpful?