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

Timeline

Events occupy their positions along a time scale.

Making a neighborhood exhibition

Making a neighborhood exhibition: timeline. September. Full values follow in the data view.5 observations. Use the data view for exact values.BriefSep 2SelectSep 7PrintSep 14InstallSep 24OpenSep 28130
Illustrative data
View data5 records
Making a neighborhood exhibition
ItemGroupSeptember
BriefPlanning2
SelectPlanning7
PrintProduction14
InstallProduction24
OpenProduction28

When it fits

Understand the sequence and spacing of milestones.

What you need

Dated events and concise descriptions.

Watch for

Equal spacing between unequally spaced dates distorts elapsed time.

In practice

Lifespans and terms of the first five US presidents, published by Vega contributors.
Lifespans and terms of the first five US presidents · Vega contributors · BSD-3-Clause

Related alternatives

Gantt 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.