Skip to content

  • VisualizationPage · Index
  • What’s newPage · Latest additions
  • Styles indexPage · Home
  • Compare stylesPage · Side by side
  • Patterns indexPage · Index
  • Articles indexPage · Index
  • Folio design systemPage · House system
  • Folio FoundationsPage · House system
  • Folio ComponentsPage · House system
  • Folio PatternsPage · House system
  • Folio MotionPage · House system
  • Folio ExamplesPage · House system
  • Folio ButtonsPage · Component
  • Folio Text fieldsPage · Component
  • Folio SelectPage · Component
  • Folio Checkboxes & switchesPage · Component
  • Folio Radio groupsPage · Component
  • Folio TabsPage · Component
  • Folio MenusPage · Component
  • Folio DialogsPage · Component
  • Folio TooltipsPage · Component
  • Folio Breadcrumbs & paginationPage · Component
  • Folio CardsPage · Component
  • Folio Badges & avatarsPage · Component
  • Folio Data tablesPage · Component
  • Folio Progress & loadingPage · Component
  • Folio FeedbackPage · Component
  • Folio Empty statesPage · Component
  • Folio MediaPage · Component
← Visualization

Slope chart

Lines connect values at two points in time.

Library workshops

Library workshops: slope. Attendance per week. Full values follow in the data view.Previous: spring. Current: autumn.SpringAutumn050100North 52Harbor 68Central 64West 60Attendance per week

Previous: spring. Current: autumn.

Illustrative data
View data4 records
Library workshops
ItemSpringAutumnTarget
North325260
Harbor566875
Central726480
West406065

When it fits

See which categories rose, fell, or crossed between endpoints.

What you need

Two time points with the same measure for every category.

Watch for

Crowded crossings and end labels quickly become hard to follow.

In practice

Barley yield by site, 1931–1932, published by Vega-Lite contributors.
Barley yield by site, 1931–1932 · Vega-Lite contributors · BSD-3-Clause

Related alternatives

Dumbbell chart Line chart
Sources and accessibility

The authored example uses illustrative data. Published references retain their original information and presentation.

Use Tab to reach controls and the data view. Native selects support arrow keys. All values are available in the data view; color and hover are never the only way to read the example.