Slope Chart
Straight lines connecting two time points reveal who gained, who lost, and by how much — the simplest way to show before-and-after change.
// 01 — The chart
What it looks like
A slope chart comparing market share for four competitors between 2023 and 2025. Upward slopes indicate growth; downward slopes indicate decline.
// 02 — Definition
What is a slope chart?
A slope chart (also called a slopegraph) connects data points across two vertical axes with straight lines. Each line represents one item, and its slope encodes the direction and magnitude of change between the two time points.
Popularised by Edward Tufte in his 1983 book The Visual Display of Quantitative Information, slope charts excel at showing before-and-after comparisons. They answer three questions at once: What was the value at time A? What was it at time B? And how did it change?
Unlike line charts that show continuous trends, slope charts deliberately limit the view to two (or occasionally three) discrete time points. This constraint makes them remarkably clear and focused — every line tells a simple story of increase, decrease, or stability.
Key insight: The power of a slope chart lies in its constraint. By limiting the view to just two time points, it eliminates noise and makes the direction of change instantly visible — lines going up mean increase, lines going down mean decrease.
// 03 — Anatomy
Parts of a slope chart
// 04 — Usage
When to use it — and when not to
- Comparing values between exactly two time periods
- You want to highlight which items increased and which decreased
- Showing before-and-after results of an intervention or policy change
- Ranking changes matter — which items swapped positions?
- You have 5–15 items to compare and want a clean, focused view
- You have more than three time points — use a line chart instead
- Too many items cause overlapping lines that create a tangled mess
- The changes are very small — slopes will appear nearly flat and hard to distinguish
- You need to show the full trajectory, not just start and end points
- Data has many ties at either time point — labels will collide
// 05 — Reading guide
How to read a slope chart
Follow these steps whenever you encounter a slope chart.
Read the two time labels
Identify what the left and right axes represent — these are your 'before' and 'after' snapshots.
Check the direction of each line
Lines sloping upward (left to right) mean an increase; lines sloping downward mean a decrease. Horizontal lines indicate no change.
Compare slopes
Steeper slopes mean larger changes. Compare the angle of different lines to see which items changed the most.
Look for crossings
When two lines cross, those items have swapped rank. Crossings often signal the most interesting stories in the data.
Read the endpoint values
The exact values are displayed alongside each dot. Unlike many chart types, slope charts typically label every data point directly.
// 06 — Data format
What data you need
A slope chart requires an item label column and two numeric columns representing the values at each time point. Each row is one item whose change you want to visualise.
// 07 — Construction
How to build one
Step 1: Draw two parallel vertical axes spaced well apart. Label each axis with the time period it represents.
Step 2: Plot each item’s starting value on the left axis and ending value on the right axis. Use the same scale for both axes.
Step 3: Connect each pair of dots with a straight line. The slope of the line naturally encodes the change.
Step 4: Label each data point with its value and the item’s name. Adjust label positions to avoid overlaps — this is the trickiest part of building a good slope chart.
// 08 — Common mistakes
Mistakes to avoid
Too many lines
Beyond 15–20 items, the chart becomes a tangle of crossing lines. Filter to the most important items or use highlighting to focus attention.
Different scales on each axis
Both axes must share the same scale. Different scales distort the slopes and mislead the reader about the true magnitude of change.
Overlapping labels
When multiple items have similar values, labels collide. Invest time in label placement — nudge, offset, or use leader lines to keep things readable.
Using it for many time points
Slope charts are designed for two (at most three) time periods. For longer time series, switch to a line chart.
// 09 — Real-world examples
Where you’ll see them
Government budget comparisons
Comparing spending allocations between fiscal years — slope charts show which departments gained or lost funding at a glance.
Sports rankings
Comparing team or player rankings between two seasons. Crossings immediately reveal who climbed and who fell in the standings.
Survey results over time
Employee satisfaction surveys, NPS scores, or public opinion polls comparing two waves of data collection.
// 10 — Quick reference
Key facts
// 11 — Accessibility
Making it accessible
Slope charts are relatively accessible because they label values directly. Use sufficient line thickness and spacing for low-vision users. Provide an aria-label describing the overall pattern (e.g., “Alpha and Beta gained share while Gamma and Delta declined”). Include a data table alternative for screen reader users.
// 12 — Variations
Common variations
Multi-period slope chart
Extends to three or four time points, with intermediate columns. Works only with a small number of items.
Highlighted slope chart
Grey out most lines and highlight one or two items of interest to tell a focused story.
Colour-coded slopes
Colour lines by direction — green for increases, red for decreases — making the pattern even more immediate.
Grouped slope chart
Groups of related items share a colour, letting you compare category-level trends alongside individual ones.
// 13 — FAQs
Frequently asked questions
What is a slope chart?+
A slope chart (also called a slopegraph) connects data points across two vertical axes with straight lines. Each line represents one item, and its slope encodes the direction and magnitude of change between the two time points.
When should you use a slope chart?+
Use a slope chart when comparing values between exactly two time periods. It also works well when you want to highlight which items increased and which decreased, and when showing before-and-after results of an intervention or policy change.
When should you avoid a slope chart?+
Avoid a slope chart when you have more than three time points — use a line chart instead. It is also a poor fit when too many items cause overlapping lines that create a tangled mess, or when the changes are very small — slopes will appear nearly flat and hard to distinguish.
What data do you need to make a slope chart?+
A slope chart requires an item label column and two numeric columns representing the values at each time point. Each row is one item whose change you want to visualise.
How is a slope chart different from a bump chart?+
Both a slope chart and a bump chart can look similar at first glance, but they answer different questions. Reach for a slope chart when the comparisons and patterns it was designed to reveal match what you need to communicate, and choose a bump chart when its particular strengths better fit your data and audience.
What is another name for a slope chart?+
Slope Chart is also known as Slopegraph, slope graph. The name varies between fields, but the visualisation technique is the same.
What size of dataset works best for a slope chart?+
Slope Chart works best for 5–15 items, two time points, before/after comparisons. Outside that range the chart either looks empty or becomes too cluttered to read clearly.
Are slope charts accessible to screen readers?+
Slope charts are relatively accessible because they label values directly. Use sufficient line thickness and spacing for low-vision users. Provide an aria-label describing the overall pattern (e.g., "Alpha and Beta gained share while Gamma and Delta declined"). Include a data table alternative for screen reader users.