chartsai.by SupaMakers

Slopegraph maker.

A slopegraph connects each category’s value in one period to its value in another. Shared vertical positions show the values; rising and falling segments reveal the direction and size of change between those two endpoints.

Upload a file or paste spreadsheet cells. Check the columns, add context, and download your finished chart. Free, with no account or watermark.

From your spreadsheet to a finished slopegraphNo signup · Your data stays on your device
2

Preview your publication chart

Sourced example · replace with your own data · 4 rows · 2 series

Two endpoints show change, not the full journey. Slopegraph; 4 rows. Unit: Life expectancy at birth (years). Selected countries; differences are in years. The connecting segment does not describe the intervening annual path. Exact values follow in the data table.
Annotate a data point · 0/3 notes

Choose a row and series. Numbered markers stay attached to their values; the full notes appear below the plot in every export.

3

Download for your publication

No watermark. SVG stays vector; PNG and PDF use your selected canvas size. HTML includes the chart, caption and accessible data table, with no external scripts.

Downloads stay on your device until you choose to publish them. A project contains all entered data and notes.

View all 4 source rows
Exact source values · Life expectancy at birth (years)
Country20002023
India62.74972.003
Brazil69.58475.848
Japan81.076097560975684.0412195121951
United States76.636585365853778.3853658536585

How to make a slopegraph

Use a category column followed by exactly two numeric columns, such as Country, 2000, 2023. Both columns must share a unit. This maker accepts up to 12 categories so the names and endpoint values have room beside the chart.

  1. Upload CSV, TSV, TXT or Excel, or paste cells from your spreadsheet. Select the sheet, row range, headers and number convention.
  2. Choose the labels and numeric series. Inspect the complete selection before applying it; errors preserve the current chart.
  3. Write a descriptive headline, unit, source credit and date. Attach an optional note to a specific row and series.
  4. Check the preview and source table, then choose the publication size and download format. Keep the editable project if you want to revise it later.

A comparison chart, not an algebra calculator

The slopegraph compares categories between two named conditions or dates. It does not compute the algebraic slope of an arbitrary pair of coordinates. The distance between its two columns is a layout choice. A steeper segment means a larger difference on this chart, not a separately calculated rate per day or year.

Use one value scale at both ends

Both endpoints use the same vertical scale. A higher position means a higher value in either period. Ranking can change when lines cross, but line crossings do not mark the date at which one series overtook another. The intervening observations are not present. If the exact timing matters, use a full time series.

What the worked example establishes

The linked World Bank example compares life expectancy estimates in four selected countries in 2000 and 2023. The endpoints show a positive difference in every selected country. They do not establish uninterrupted annual improvement. The companion small-multiple view retains all 24 annual observations to make that distinction inspectable.

Manage close labels honestly

Direct endpoint names and values are always included. Native label layout moves close labels where possible without changing the plotted coordinates. Check the SVG at its final publication size: tightly packed or identical values can still be difficult to read. A dumbbell plot separates categories into rows and is often clearer for those comparisons. Never alter data values merely to separate labels.

Choose a finished design

Explore four editable slopegraph examples, with source data, interpretation and downloads. Replace the data while retaining the design.

Try a sourced example

Start with the World Bank life expectancy comparison. It includes source values, the selected years and countries, calculations, download files and the limitations of each view.

Questions before publishing

Does the chart calculate percent change?

No. The endpoints retain your supplied values. Subtract second minus first for absolute change; divide that difference by a nonzero first value for relative change. A percentage-based source requires care to distinguish percent from percentage points.

Can I add more than two periods?

Use the line graph maker for a sequence of three or more ordered periods. This slopegraph intentionally compares two columns and rejects an extra selected value column.

Is this different from the slope calculator?

Yes. The algebra slope calculator works with coordinates and rise over run. This tool is for categorical comparisons in reports, articles and presentations.

What can I download?

Vector SVG, fixed-size PNG, a PDF containing a raster chart, source CSV, a versioned editable JSON project, and self-contained static HTML with a caption and data table. HTML has no chart scripts or tracking and can be hosted by your publication. See the publishing and accessibility guide. Spreadsheet files are limited to 8 MB, 2,000 preview rows and 100 columns; the smaller chart-specific limits above apply to the selected data.

Built by SupaMakers. Inspect and reuse the source code. Compare the editorial chart types. Reviewed September 9, 2026.