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

Dumbbell chart

Connected endpoints show the gap between two values.

Library workshops

Library workshops: dumbbell. Attendance per week. Full values follow in the data view.Previous: spring. Current: autumn.0255075100Attendance per weekNorth52Harbor68Central64West60

Open point: spring. Filled point: autumn.

Previous: spring. Current: autumn.

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

When it fits

Compare before and after across several categories.

What you need

Two comparable measurements per category.

Watch for

Without endpoint labels, the direction of change is ambiguous.

In practice

Life expectancy in 1955 and 2000, published by Vega-Lite contributors.
Life expectancy in 1955 and 2000 · Vega-Lite contributors · BSD-3-Clause

Related alternatives

Slope chart Dot plot
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.