Flowchart

Flowcharts are more than just boxes and arrows on a page; they are a universal language for deconstructing and understanding complex processes and algorithms. They translate intricate sequences into simple, easy-to-follow visual narratives. From optimizing factory floors to designing the very first computer programs, these elegant diagrams have profoundly shaped how we think about — and organize — work and logic. But how did this seemingly simple tool come to be so influential, and how does it continue to adapt in our increasingly complex world? Flowcharts provide a standardized visual language that simplifies the analysis, design, and documentation of any process or algorithm. Their origins lie in early 20th-century industrial engineering, predating the digital age, yet they quickly became indispensable for planning the first computer programs. While various types and symbols exist, the core purpose of a flowchart remains to clearly depict sequence and control, even evolving to represent advanced concepts like parallel and reversible computing.

Source: Wikipedia

AI Summary

Flowcharts are more than just boxes and arrows on a page; they are a universal language for deconstructing and understanding complex processes and algorithms. They translate intricate sequences into simple, easy-to-follow visual narratives. From optimizing factory floors to designing the very first computer programs, these elegant diagrams have profoundly shaped how we think about — and organize — work and logic. But how did this seemingly simple tool come to be so influential, and how does it continue to adapt in our increasingly complex world?

Visualizing the Flow of Logic

At its heart, a flowchart is a diagram that lays out a workflow, a process, or a step-by-step approach to solving a problem. Think of it as a visual recipe for completing a task, where each ingredient and action is clearly defined.

These diagrams represent each step as a distinct symbol, usually a box of a particular shape, and connect them with arrows to show the precise order or 'flow' of operations. This makes even the most intricate systems immediately understandable, illustrating a clear path from start to finish.

The beauty of flowcharts lies in their ability to visualize the unseen. By mapping out a process, they can quickly reveal inefficiencies, bottlenecks, or even outright flaws that might otherwise go unnoticed. They are indispensable tools for analysis, design, documentation, and management across countless fields.

Who Does What? Cross-Functional Flowcharts

Sometimes, a process involves several different departments or individuals. This is where a 'cross-functional' flowchart comes into play. It divides the diagram into lanes, either vertical or horizontal, representing different organizational units.

A symbol placed within a specific lane clearly indicates which unit is responsible for that particular action or decision. This powerful variation ensures that accountability is clear, showcasing how different parts of an organization contribute to a single, overarching process.

More Than Just Boxes: A Tool in the Toolkit

Flowcharts rarely work in isolation. They are often complemented by other types of diagrams and analyses. For instance, Kaoru Ishikawa, a pioneer in quality management, considered the flowchart one of the 'seven basic tools of quality control' — a testament to its fundamental importance.

Similarly, in the world of software development, a flowchart-like diagram called an 'activity diagram' is a key component of the Unified Modeling Language (UML). It works alongside other diagrams to provide a comprehensive view of a system's design and behavior.

Over the years, flowcharts have gathered many alternative names: process flowchart, functional flowchart, process map, workflow diagram, and business process model, to name a few. But no matter the moniker, the core idea of visually mapping a sequence remains constant.

Beneath all the visual symbols, a flowchart's structure is fundamentally a 'flow graph.' This mathematical abstraction strips away the specific details of each step, focusing purely on the connections and directional paths — a skeleton of logic that underpins the entire diagram.

A Century of Flow: From Factories to Firmware

The story of the flowchart begins not in computing, but on the factory floor. The first structured method for documenting process flow, the 'flow process chart,' was introduced in 1921 by industrial engineers Frank and Lillian Gilbreth. Their goal was to find the "one best way to do work" through careful analysis of motion and time.

The Gilbreths' innovative tools quickly became a staple in industrial engineering. By the early 1930s, figures like Allan H. Mogensen were training business leaders in 'Work Simplification,' spreading the use of these visual methods far and wide.

This early adoption led to significant advancements. Art Spinanger applied these techniques at Procter and Gamble, while Ben S. Graham adapted them for information processing, creating multi-flow charts to track multiple documents. In 1947, the American Society of Mechanical Engineers (ASME) officially adopted standardized symbols based on the Gilbreths' work.

Flowcharts and the Dawn of Computing

With the advent of electronic computers, a new challenge emerged: how to plan incredibly complex sequences of operations. In 1947, computer pioneers Herman Goldstine and John von Neumann published an influential, unpublished report that detailed how they used diagrams — what we now call flowcharts — to plan computer programs.

These diagrams became indispensable for describing algorithms and program logic throughout the early decades of computing. They provided a crucial bridge between human thought and machine instruction, allowing programmers to meticulously map out every logical step before writing a single line of code.

However, by the 1970s, as interactive computer terminals and more advanced programming languages became common, the popularity of flowcharts for directly writing code began to wane. Algorithms could often be expressed more concisely as source code or 'pseudo-code,' which uses plain language structured like programming code.

Moreover, some newer programming paradigms, like recursive programming where a function calls itself, aren't easily represented by traditional linear flowcharts. But this didn't spell the end for flowcharts; rather, it signaled a shift in their primary application.

Flowcharts continue to be widely used for describing higher-level system logic, business processes, and as teaching tools for programming concepts. Modern techniques like UML activity diagrams and Drakon-charts can be seen as sophisticated descendants, carrying the flowchart's legacy into new domains.

A Taxonomy of Flow: Different Types for Different Needs

Just as there are many kinds of problems, there are many kinds of flowcharts. Some experts, like Sterneckert, suggest categorizing them by the perspective of the user: a manager might need a different view than a systems analyst or a clerk. Ultimately, though, every type of flowchart focuses on some form of 'control' — the sequence and conditions that govern a process.

Other classifications exist too. Andrew Veronis identified system, general, and detailed flowcharts, while Marilyn Bohl highlighted system and program flowcharts. Mark Fryman expanded the list to include decision, logic, product, and process flowcharts, showing the sheer versatility of the concept across business and government.

Reversible Flowcharts: Computing in Reverse

In a fascinating twist, a new paradigm called 'reversible flowcharts' has emerged, particularly relevant in fields like quantum computing and ultra-low-power systems. Unlike traditional computing, where operations can be irreversible, reversible flowcharts ensure every computational step can be undone.

This concept is not just theoretical; reversible flowcharts are as expressive as reversible Turing machines and form a foundational model for 'structured reversible programming.' Imagine being able to run a program backwards, tracing every action to its origin — that's the power reversible flowcharts offer.

The Language of Symbols

To ensure clarity and consistency, flowcharts rely on standardized symbols. The American National Standards Institute (ANSI) set these standards in the 1960s, and the International Organization for Standardization (ISO) adopted them in 1970, with the current standard being ISO 5807. Generally, flowcharts are read from top to bottom and left to right.

Handling Parallel Paths

In many modern systems, processes don't always happen one after another. Tasks can occur simultaneously. Flowcharts accommodate this with special notations like horizontal lines or bars, known as 'Parallel Mode' indicators. These signify the start or end of a section where multiple independent processes can run concurrently.

Flowcharts in the Digital Age: Software and Beyond

While you could technically draw a flowchart with any drawing tool, dedicated diagramming software offers powerful advantages. These applications often have an underlying data model, allowing flowcharts to integrate with databases, project management systems, or spreadsheets, making them dynamic and actionable.

There are even visual programming languages that use flowcharts to represent and execute programs directly. These are particularly valuable as teaching tools, allowing students to grasp programming logic visually before diving into complex syntax.

Article

Flowchart

A simple flowchart representing a process for dealing with a non-functioning lamp

A flowchart is a type of diagram that represents a workflow or process. A flowchart can also be defined as a diagrammatic representation of an algorithm, a step-by-step approach to solving a task.

The flowchart shows the steps as boxes of various kinds, and their order by connecting the boxes with arrows. This diagrammatic representation illustrates a solution model to a given problem. Flowcharts are used in analyzing, designing, documenting or managing a process or program in various fields.

Overview

Flowchart

Flow diagram a C-style for loop, representing the following code: for (i = 0; i < 5; i++) printf(""); The loop will cause five asterisks to be printed.

Flowcharts are used to design and document simple processes or programs. Like other types of diagrams, they help visualize the process. Two of the many benefits are that flaws and bottlenecks may become apparent. Flowcharts typically use the following main symbols:

• A process step, usually called an activity, is denoted by a rectangular box. • A decision is usually denoted by a diamond.

A flowchart is described as "cross-functional" when the chart is divided into different vertical or horizontal parts, to describe the control of different organizational units. A symbol appearing in a particular part is within the control of that organizational unit. A cross-functional flowchart allows the author to correctly locate the responsibility for performing an action or making a decision, and to show the responsibility of each organizational unit for different parts of a single process.

Flowcharts represent certain aspects of processes and are usually complemented by other types of diagram. For instance, Kaoru Ishikawa defined the flowchart as one of the seven basic tools of quality control, next to the histogram, Pareto chart, check sheet, control chart, cause-and-effect diagram, and the scatter diagram. Similarly, in UML, a standard concept-modeling notation used in software development, the activity diagram, which is a type of flowchart, is just one of many different diagram types.

Nassi-Shneiderman diagrams and Drakon-charts are an alternative notation for process flow.

Common alternative names include: flow chart, process flowchart, functional flowchart, process map, process chart, functional process chart, business process model, process model, process flow diagram, work flow diagram, business flow diagram. The terms "flowchart" and "flow chart" are used interchangeably.

The underlying graph structure of a flowchart is a flow graph, which abstracts away node types, their contents and other ancillary information.

History

Flowchart

The first structured method for documenting process flow, the "flow process chart", was introduced by Frank and Lillian Gilbreth in the presentation "Process Charts: First Steps in Finding the One Best Way to do Work", to members of the American Society of Mechanical Engineers (ASME) in 1921. The Gilbreths' tools quickly found their way into industrial engineering curricula. In the early 1930s, an industrial engineer, Allan H. Mogensen, began to train business people in the use of some of the tools of industrial engineering at his Work Simplification Conferences in Lake Placid, New York.

Art Spinanger, a 1944 graduate of Mogensen's class, took the tools back to Procter and Gamble where he developed their Deliberate Methods Change Program. Ben S. Graham, another 1944 graduate, Director of Formcraft Engineering at Standard Register Industrial, applied the flow process chart to information processing with his development of the multi-flow process chart, to present multiple documents and their relationships. In 1947, ASME adopted a symbol set derived from Gilbreth's original work as the "ASME Standard: Operation and Flow Process Charts".

Douglas Hartree in 1949 explained that Herman Goldstine and John von Neumann had developed a flowchart (originally, diagram) to plan computer programs. His contemporary account was endorsed by IBM engineers and by Goldstine's personal recollections. The original programming flowcharts of Goldstine and von Neumann can be found in their unpublished report, "Planning and Coding of Problems for an Electronic Computing Instrument, Part II, Volume 1" (1947), which is reproduced in von Neumann's collected works.

The flowchart became a popular tool for describing computer algorithms, but its popularity decreased in the 1970s, when interactive computer terminals and third-generation programming languages became common tools for computer programming, since algorithms can be expressed more concisely as source code in such languages. Often pseudo-code is used, which uses the common idioms of such languages without strictly adhering to the details of a particular one. Also, flowcharts are not well-suited for new programming techniques such as recursive programming.

Nevertheless, flowcharts were still used in the early 21st century for describing computer algorithms. Some techniques such as UML activity diagrams and Drakon-charts can be considered to be extensions of the flowchart.

Types

Flowchart

IBM flowcharting template

Sterneckert (2003) suggested that flowcharts can be modeled from the perspective of different user groups (such as managers, system analysts and clerks), and that there are four general types:

• Document flowcharts, showing controls over a document-flow through a system • Data flowcharts, showing controls over a data-flow in a system • System flowcharts, showing controls at a physical or resource level • Program flowchart, showing the controls in a program within a system

Notice that every type of flowchart focuses on some kind of control, rather than on the particular flow itself.

However, there are some different classifications. For example, Andrew Veronis (1978) named three basic types of flowcharts: the system flowchart, the general flowchart, and the detailed flowchart. That same year Marilyn Bohl (1978) stated "in practice, two kinds of flowcharts are used in solution planning: system flowcharts and program flowcharts...". More recently, Mark A. Fryman (2001) identified more differences: "Decision flowcharts, logic flowcharts, systems flowcharts, product flowcharts, and process flowcharts are just a few of the different types of flowcharts that are used in business and government".

In addition, many diagram techniques are similar to flowcharts but carry a different name, such as UML activity diagrams.

Reversible flowcharts represent a paradigm in computing that focuses on the reversibility of computational processes. Unlike traditional computing models, where operations are often irreversible, reversible flowcharts ensure that any atomic computational step can be reversed. Reversible flowcharts are shown to be as expressive as reversible Turing machines, and are a theoretical foundation for structured reversible programming and energy-efficient reversible computing systems.

Building blocks

Common symbols

The American National Standards Institute (ANSI) set standards for flowcharts and their symbols in the 1960s. The International Organization for Standardization (ISO) adopted the ANSI symbols in 1970. The current standard, ISO 5807, was published in 1985 and last reviewed in 2019. Generally, flowcharts flow from top to bottom and left to right.

<table><thead><tr><th>ANSI/ISO Shape</th><th>Name</th><th>Description</th></tr></thead><tbody><tr><td></td><td>Flowline (arrowhead)</td><td>Shows the process's order of operation. A line coming from one symbol and pointing at another. Arrowheads are added if the flow is not the standard top-to-bottom, left-to right.</td></tr><tr><td></td><td>Terminal</td><td>Indicates the beginning and ending of a program or sub-process. Represented as a stadium, oval or rounded (fillet) rectangle. They usually contain the word "Start" or "End", or another phrase signaling the start or end of a process, such as "submit inquiry" or "receive product".</td></tr><tr><td></td><td>Process</td><td>Represents a set of operations that changes value, form, or location of data. Represented as a rectangle.</td></tr><tr><td></td><td>Decision</td><td>Shows a conditional operation that determines which one of the two paths the program will take. The operation is commonly a yes/no question or true/false test. Represented as a diamond (rhombus).</td></tr><tr><td></td><td>Input/output</td><td>Indicates the process of receiving and sending data, as information available for processing (input), or the sending of processed information (output). Represented as a rhomboid.</td></tr><tr><td></td><td>Annotation (comment)</td><td>Indicating additional information about a step in the program. Represented as an open rectangle with a dashed or solid line connecting it to the corresponding symbol in the flowchart.</td></tr><tr><td></td><td>Predefined process</td><td>Shows named process which is defined elsewhere. Represented as a rectangle with double-struck vertical edges.</td></tr><tr><td></td><td>On-page connector</td><td>Pairs of labeled connectors replace long or confusing lines on a flowchart page. Represented by a small circle with a letter inside.</td></tr><tr><td></td><td>Off-page connector</td><td>A labeled connector for use when the target is on another page. Represented as a home plate-shaped pentagon.</td></tr></tbody></table>

Other symbols

The ANSI/ISO standards include symbols beyond the basic shapes. Some are:

<table><thead><tr><th>Shape</th><th>Name</th><th>Description</th></tr></thead><tbody><tr><td></td><td>Data File or Database</td><td>Data represented by a cylinder symbolizing a disk drive.</td></tr><tr><td></td><td>Document</td><td>Single documents represented as a rectangle with a wavy base.</td></tr><tr><td></td><td>Multiple documents represented as a stack of rectangles with wavy bases.</td></tr><tr><td></td><td>Manual operation</td><td>Represented by a trapezoid with the longest parallel side at the top, to represent an operation or adjustment to process that can only be made manually.</td></tr><tr><td></td><td>Manual input</td><td>Represented by quadrilateral, with the top irregularly sloping up from left to right, like the side view of a keyboard.</td></tr><tr><td></td><td>Preparation or Initialization</td><td>Represented by an elongated hexagon, originally used for steps like setting a switch or initializing a routine.</td></tr></tbody></table>

Parallel processing

• Parallel Mode is represented by two horizontal lines at the beginning or ending of simultaneous operations

For parallel and concurrent processing the Parallel Mode horizontal lines or a horizontal bar indicate the start or end of a section of processes that can be done independently:

• At a fork, the process creates one or more additional processes, indicated by a bar with one incoming path and two or more outgoing paths. • At a join, two or more processes continue as a single process, indicated by a bar with several incoming paths and one outgoing path. All processes must complete before the single process continues.

Diagramming software

Flowchart

A screenshot of the flowchart software Flowgorithm

Any drawing program can be used to create flowchart diagrams, but these will have no underlying data model to share data with databases or other programs such as project management systems or spreadsheet. Many software packages exist that can create flowcharts automatically, either directly from a programming language source code, or from a flowchart description language.

There are several applications and visual programming languages that use flowcharts to represent and execute programs. Generally these are used as teaching tools for beginner students.