Chart types and data display patterns—bar charts, line graphs, heatmaps, dashboards. 6 patterns for making data understandable and actionable.
Data visualization patterns transform raw numbers into insights. These patterns cover bar charts (comparisons), line graphs (trends), pie charts (proportions), scatter plots (correlations), heatmaps (patterns), and dashboard layouts. Choose chart types based on data relationships and user questions. Good visualizations are honest (no misleading scales), focused (remove chart junk), and accessible (color-blind friendly palettes).
Time-series data visualization showing trends over time with data points connected by lines. Essential for analytics dashboards.
Vertical or horizontal bars comparing values across discrete categories. Perfect for sales comparisons and rankings.
Dashboard card displaying a key performance indicator with trend, comparison, and sparkline visualization.
Circular progress indicator showing percentage completion with visual appeal. Popular in fitness apps and profile completion.
Structured grid displaying rows and columns of data with sorting, filtering, and pagination. Essential for admin dashboards.
Circular chart showing proportional data with hollow center. Perfect for budget breakdowns and traffic source analysis.
Color-coded grid showing intensity across two dimensions, like GitHub contribution calendars or website click tracking.
X/Y coordinate plot showing correlation between two variables with data point clustering and trend analysis.
Stacked area visualization showing cumulative values over time, like revenue streams or metric breakdowns.
Inverted pyramid showing stage-by-stage drop-off in conversion processes, sales pipelines, or user journeys.
Semi-circular speedometer-style indicator showing single metric against thresholds with color zones.
Financial chart showing open/close/high/low values for stock trading and price movement analysis.