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

Flowchart

Steps and labeled decisions explain possible paths through a process.

An object arrives for repair

An object arrives for repair: flowchart. Process. Full values follow in the data view.Arrows indicate the next step; they do not encode quantities.AssessRepairable?YesRepairNoSalvage

Arrows indicate the next step; they do not encode quantities.

Illustrative data
View data4 steps
An object arrives for repair
StepProcess
Assess1
Repairable?2
Yes → Repair3
No → Salvage parts4

When it fits

Explain what happens next under different conditions.

What you need

Steps, decisions, and explicit connections.

Watch for

Unlabeled decision branches leave readers guessing which path to follow.

In practice

The scientific method, published by Efbrazil.
The scientific method · Efbrazil, 2021 · CC BY-SA 4.0

Related alternatives

Tree diagram Sankey diagram
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.