// The definitive reference

The Complete Guide to Chart Types and Data Visualization

Data visualization is the language of insight. We break down every chart type — what it is, when to use it, and how to read it — in plain English.

Bar chartMonthly visitors by source
Jan
Feb
Mar
Apr
May
Jun
Other
Highlighted
Jan – Jun 2025
80+
Chart types documented
400+
Real-world examples
12
Core concept guides
Free
Always, for everyone

// Hub pages

Explore by chart type

View all 80+ types →

Bar chart

Compare values across categories side-by-side

Comparison

Line graph

Show trends and change over a time period

Time series

Scatter plot

Reveal relationships and correlations between two variables

Correlation

Pie chart

Display proportions of a whole as slices

Part-to-whole

Histogram

See how data is distributed across a range

Distribution

Box plot

Summarize a dataset's spread and outliers at a glance

Distribution

Area chart

Like a line chart, but emphasizes the volume below

Time series

Heatmap

Encode magnitude through color intensity across a grid

Magnitude

Donut chart

Show proportions with a hollow center for key metrics

Part-to-whole

Semi-circle donut chart

A half-donut gauge for showing progress or proportions

Part-to-whole

Waffle chart

A grid of cells showing proportions with countable units

Part-to-whole

Treemap

Visualize hierarchical data as nested rectangles by size

Part-to-whole

Sunburst chart

Multi-ring radial chart for hierarchical part-to-whole data

Part-to-whole

Icicle chart

Rectangular partition of hierarchical data by level

Part-to-whole

Circle packing

Nested circles showing hierarchy with organic proportional layout

Part-to-whole

Marimekko chart

Variable-width stacked bars for two-dimensional composition

Part-to-whole

Parliament chart

Hemicycle of dots showing seat distribution by party

Part-to-whole

Stacked bar chart

Show totals and composition across categories at once

Part-to-whole

Bubble chart

Show three variables at once — position plus bubble size

Correlation

Violin plot

Reveal the full shape of a distribution, not just the summary

Distribution

Sankey diagram

Trace flows between stages with width-proportional bands

Flow & Process

Waterfall chart

Show how sequential gains and losses build to a total

Flow & Process

Radar chart

Compare multiple variables on axes from a central point

Multi-dimensional

Candlestick chart

Track open, high, low, and close prices over time

Financial

Column chart

Vertical bars for comparing categories with short labels

Comparison

Grouped bar chart

Side-by-side bars to compare sub-groups within categories

Comparison

Lollipop chart

A lighter bar chart — thin lines capped with dots

Comparison

Bullet chart

Benchmark a value against a target and performance ranges

Comparison

Dot plot

Positioned dots for minimal-ink categorical comparison

Comparison

Dumbbell chart

Two connected dots showing the gap between paired values

Comparison

Range chart

Show min-max spread per category with floating bars

Comparison

Radial bar chart

Bar chart bent into a circle for compact, visual impact

Comparison

Nightingale rose chart

Equal-angle wedges with area encoding, invented in 1858

Comparison

Population pyramid

Back-to-back bars comparing two groups across ordered bands

Comparison

Pictogram chart

Repeated icons make data tangible for any audience

Comparison

Quadrant chart

Scatter plot split into four strategic classification zones

Comparison

Wrapped bar graph

Bar chart wrapping onto multiple rows for many categories

Comparison

Small multiples

A grid of identical charts, each showing a different data slice

Comparison

Density plot

A smooth curve showing the probability distribution of a variable

Distribution

Ridgeline plot

Stacked density curves comparing distributions across groups

Distribution

Beeswarm plot

Every data point visible, nudged apart to avoid overlap

Distribution

Strip plot

Raw data points along a single axis — the simplest dot chart

Distribution

Jitter plot

Random noise spreads dots to reveal hidden data density

Distribution

Raincloud plot

Density, box plot, and raw data combined in one view

Distribution

Half-eye plot

Half-density curve with point-interval summary below

Distribution

Dot-boxplot

Box plot with individual data points overlaid for transparency

Distribution
32 5 841 3 5 6 8 950 4 762

Stem-and-leaf plot

Text-based chart that preserves exact values while showing shape

Distribution

Radial histogram

Histogram wrapped around a circle for cyclical data

Distribution

Spike histogram

Thin vertical lines replace bars for a cleaner, lighter look

Distribution

ECDF plot

Cumulative step function — read percentiles directly

Distribution

Q-Q plot

Compare quantiles to check if data follows a distribution

Distribution

P-P plot

Compare cumulative probabilities — sensitive to center fit

Distribution

100% stacked bar chart

Equal-length bars show proportional mix, not totals

Part-to-whole

Diverging stacked bar chart

Split at center to show positive vs negative sentiment

Part-to-whole

Icon array

Grid of icons with a highlighted subset showing proportion

Part-to-whole
78

Gauge chart

Speedometer dial showing a single value on a scale

Part-to-whole

Funnel chart

Tapered stages showing progressive drop-off in a process

Part-to-whole

Voronoi treemap

Organic polygon cells for visually striking hierarchies

Part-to-whole

Bubble treemap

Nested circles where area encodes value and nesting shows hierarchy

Part-to-whole

Correlogram

Matrix of pairwise correlations with colour-encoded strength

Correlation
t₁t₆

Connected scatter plot

Track how two variables co-evolve over time

Correlation

Hexbin plot

Aggregate dense scatter data into hexagonal bins by density

Correlation

Contour plot

Show density regions of bivariate data as topographic lines

Correlation

Pair plot

Grid of every pairwise scatter with marginal distributions

Correlation

Solar correlation map

Radial layout showing one variable's correlations with others

Correlation

1D heatmap

Single row of colour-encoded cells showing magnitude across categories

Correlation

Stacked area chart

Show how parts contribute to a total over time

Time series

Streamgraph

Flowing stacked layers centred around a middle axis

Time series

Sparkline

Tiny inline charts that show trends without axes or labels

Time series

Slope chart

Compare values at two points in time with angled lines

Time series

Bump chart

Track ranking changes over time with flowing lines

Time series

Step line chart

Show abrupt changes with horizontal-then-vertical steps

Time series

Spline chart

A smoothly curved line chart using spline interpolation

Time series

Horizon chart

Compact time series using colour bands and folding for dense comparison

Time series

Calendar heatmap

Daily values on a calendar grid colour-coded by intensity

Time series

Gantt chart

Horizontal bars on a timeline for project scheduling

Time series

Barcode chart

Thin vertical lines marking events along a time axis

Time series

Fan chart

Expanding bands showing forecast uncertainty over time

Time series

Cumulative flow diagram

Track work items across workflow stages over time

Time series

Lasagna plot

Stacked heatmap rows comparing many time series at once

Time series

Lexis diagram

Map demographic events across age and calendar time

Time series

DenseLines

Density heatmap from hundreds of overlapping time series

Time series

Alluvial diagram

Traces how group memberships shift across dimensions or time

Flow & Process

Parallel sets

Multi-dimensional categorical exploration with ribbons

Flow & Process

Double waterfall chart

Paired waterfalls comparing two decompositions side by side

Flow & Process

Tree diagram

Classic node-link hierarchy from root to leaves

Hierarchy

Dendrogram

Clustering tree with distance-encoded branch heights

Hierarchy

Radial tree

Circular layout with root at center, leaves at periphery

Hierarchy

Hyperbolic tree

Fish-eye focus+context for navigating huge hierarchies

Hierarchy

Cone tree

3D hierarchy with children ringing each cone base

Hierarchy
src/pages/Home.tsxAbout.tsxApp.tsx

Indented tree

Outline-style hierarchy using indentation for depth

Hierarchy
CEOCTOCFOCMOEng

Organizational chart

Map roles and reporting lines in any organization

Hierarchy

Flame chart

Time-ordered call-stack profiler visualization

Hierarchy
all (100%)

Flame map

Merged flame graph showing aggregated CPU hotspots

Hierarchy
HumansChimpsGorillas

Phylogenetic tree

Map evolutionary relationships among species or genes

Hierarchy

Node-link diagram

Show entities as nodes and their relationships as connecting lines

Network

Force-directed graph

Physics-based layout that clusters connected nodes together

Network
ABC

Adjacency matrix

Grid encoding connections between every pair of nodes

Network

Arc diagram

Nodes on a line with arcs showing connections above

Network

Chord diagram

Circular layout showing flow magnitude between groups

Network

Non-ribbon chord diagram

Thin-line chord variant for dense many-to-many networks

Network

Hierarchical edge bundling

Bundle curved edges by hierarchy to reduce visual clutter

Network

Force-directed edge bundling

Physics-based bundling that groups parallel edges together

Network

Bipartite graph

Two distinct sets of nodes with edges only between sets

Network

Hive plot

Radial axes position nodes by attribute for uniform layouts

Network

Circular layout graph

Nodes on a circle with internal chord-like connections

Network

Matrix diagram

Grid showing relationships between two sets of items

Network

Ego network diagram

Focus on one node and its direct connections

Network

BioFabric

Nodes as horizontal lines, edges as vertical segments

Network

Circos plot

Circular genomics-inspired layout for complex relationships

Network

Hypergraph visualization

Edges connecting more than two nodes simultaneously

Network

Choropleth map

Color-coded regions showing data intensity across areas

Geospatial

Cartogram

Distort region sizes to encode a data variable

Geospatial

Dorling cartogram

Replace regions with proportionally sized circles

Geospatial

Demers cartogram

Replace regions with proportionally sized squares

Geospatial

Non-contiguous cartogram

Shrink or grow regions in place without touching neighbors

Geospatial

Tile grid map

Equal-sized tiles arranged to approximate geography

Geospatial

Bivariate tile grid map

Two data variables encoded in each tile via color mixing

Geospatial

Dot density map

One dot per unit to show spatial distribution patterns

Geospatial

Proportional symbol map

Scale symbols by data value at each map location

Geospatial

Bubble map

Circles sized by data value placed at geographic locations

Geospatial

Spike map

Vertical spikes whose height encodes magnitude at each point

Geospatial

Flow map

Lines of varying width showing movement between locations

Geospatial

Connection map

Arc lines linking locations to show relationships on a map

Geospatial

Hexbin map

Hexagonal bins aggregating and color-coding geographic data

Geospatial

Isarithmic map

Contour lines or bands showing continuous data across a surface

Geospatial

Geographic heat map

Color gradients showing intensity across a geographic surface

Geospatial

Dasymetric map

Refined choropleth using ancillary data for accurate density

Geospatial

Value-by-alpha map

Color encodes value, transparency encodes confidence

Geospatial

Prism map

3D extruded regions where height encodes a data variable

Geospatial

Space-time cube

3D cube with geography on X-Y and time on the Z axis

Geospatial

Voronoi map

Thiessen polygons partitioning space by nearest point

Geospatial

Necklace map

Glyphs arranged along a curve following a region’s outline

Geospatial

Forest plot

Effect sizes and confidence intervals from multiple studies

Statistical

Funnel plot

Detect publication bias in meta-analyses

Statistical
AUC

ROC curve

True positive vs false positive rate across thresholds

Statistical
AP

Precision-recall curve

Precision vs recall trade-off for imbalanced data

Statistical

Bland-Altman plot

Agreement between two measurement methods

Statistical

Control chart

Monitor process stability with upper and lower limits

Statistical

CUSUM chart

Cumulative sum of deviations to detect small shifts

Statistical

EWMA chart

Weighted moving average with narrowing control limits

Statistical

Pareto chart

Rank causes by frequency with cumulative percentage line

Statistical

Galbraith plot

Assess heterogeneity across studies in meta-analysis

Statistical

L'Abbé plot

Compare treatment vs control event rates across studies

Statistical

Caterpillar plot

Rank random effects with their confidence intervals

Statistical

Dot-and-whisker plot

Display regression coefficients with confidence intervals

Statistical

Calibration plot

Compare predicted probabilities against observed outcomes

Statistical

Response surface plot

Map how a response changes across two factor variables

Statistical

OHLC chart

Show open, high, low, and close with tick marks on vertical bars

Financial

Heikin-Ashi chart

Smoothed candlesticks using averaged values to reveal trends

Financial

Kagi chart

Thick and thin lines showing supply and demand shifts over price

Financial

Renko chart

Fixed-size bricks showing price movement, ignoring time

Financial
XXXXOOOXXXXOOXX

Point-and-figure chart

Columns of X’s and O’s for pure price-driven analysis

Financial

Three line break chart

Reversal blocks triggered by exceeding three prior lines

Financial

EquiVolume chart

Encode price range as height and volume as width in one shape

Financial

Range bar chart

Uniform-range bars that form only on fixed price movement

Financial

Manhattan plot

Map genomic significance across chromosomes in GWAS studies

Scientific

Volcano plot

Show fold change vs. significance for differential expression

Scientific

MA plot

Compare log-ratio vs. mean intensity for normalization QC

Scientific

Kaplan-Meier curve

Step-function showing survival probability over time

Scientific
ATCGA

Sequence logo

Letter-height bars encoding information at each sequence position

Scientific

Ternary plot

Plot three variables that sum to a constant on a triangle

Scientific

Piper diagram

Dual ternary + diamond showing water chemistry composition

Scientific

Durov diagram

Extended Piper with TDS and pH axes for water classification

Scientific

Recurrence plot

Binary matrix revealing recurring states in time-series data

Scientific

Phase portrait

Trajectories in state space showing dynamical system behavior

Scientific

Poincaré plot

Lag-1 scatter plot of successive values for HRV and time series

Scientific
AB

Venn diagram

Overlapping circles showing all logical set relationships

Sets

Euler diagram

Set diagram showing only existing relationships, no empty zones

Sets

UpSet plot

Matrix + bar chart for scalable multi-set intersection analysis

Sets

Kelp diagram

Colored bands showing how set memberships evolve over time

Sets

Parallel coordinates plot

Explore multivariate data with parallel vertical axes and polylines

Multi-dimensional

Star plot

Compact radial glyphs showing one data record per star shape

Multi-dimensional

Chernoff faces

Map multivariate data to facial features for pattern detection

Multi-dimensional

RadViz

Spring-mass projection of multivariate data onto a circle

Multi-dimensional

Star coordinates

Interactive linear projection with draggable direction vectors

Multi-dimensional

Mosaic plot

Tile areas show proportions in categorical contingency tables

Multi-dimensional
01

Plain-English definitions

Every chart explained without jargon. Understand the concept in under two minutes, with visual examples you can actually use.

02

When to use it

Not every chart fits every dataset. We give you the exact conditions under which a chart type works — and when to avoid it.

03

Real-world examples

See each chart type used in journalism, science, and business. Understand how to read data in the wild, not just in textbooks.