Introduction to Flowcharting

This flowcharting tutorial will introduce you to flowcharts and help you make your first flowchart in Lucidchart.


business_process_flow.png

One of the most universal diagram types, flowcharts help people develop, document, and improve processes, systems, and algorithms.

In its most basic form, a flowchart is made up of shapes and arrows. The shapes, which include rectangles, triangles, and ovals, represent the steps of a process. Arrows are used to connect these shapes to depict the path, or flow, through the process.

Here are some of the common objects that you will see in a flowchart:

Screen_Shot_2019-12-09_at_4.47.50_PM.png

  • Arrows show the direction of the chart's flow.
  • The Decision shape is a diamond that indicates a question to be answered, such as yes/no or true/false.
  • The Process shape is a rectangle that represents a process, action, or operation.
  • The Terminator shape is an oval representing the start or end points of the flowchart.

ConnectorConnector: Connects separate elements across one page. Used within complex charts.

Data Data (I/O): Represents input, output, or resources used or generated.

Database Database: Represents a database.

Decision Decision: Indicates a question to be answered—usually yes / no or true / false. The path may change depending on the answer.

Delay Delay: Indicates a delay or waiting period in a process.

Direct Access Storage Direct Access Storage (Hard Disk): Represents data storage on a hard drive.

DisplayDisplay: Refers to information being shown to a user, often with a computer monitor.

Document Document: Represents a document or report.

Internal Storage Internal Storage: Represents data stored in random-access memory (RAM).

Manual Input Manual Input: Represents the manual input of data into a computer, usually through a keyboard.

Manual Operation Manual Operation: Indicates a step that must be done manually, not automatically.

MergeMerge: Combines multiple paths.

Multiple Documents Multiple Documents: Represents multiple documents or reports.

NoteNote: Shows comments on a flowchart.

Off-Page LinkOff-Page Link: Connects separate elements across multiple pages. Used within complex charts.

OrOr: Represents a path that diverges.

Paper Tape Paper Tape: Represents input or output.

Predefined Process Predefined Process: Indicates a complicated process or operation that is well-known or defined elsewhere.

Preparation Preparation: Represents preparation for upcoming steps.

Stored Data Stored Data: Represents data housed on a storage device.

Summing JunctionSumming Junction: Sums the input of several converging paths.

You can create a flowchart in Lucidchart from scratch or from one of our homemade templates.

You can access Lucidchart templates by clicking on the Templates tab in your documents page, by selecting "+ New Document" from the File menu of an existing document, or by pressing M on your keypad to open the Workspace Manager while in an existing document. Open the Flowchart section, then click on a thumbnail to preview a template. To create an editable copy of a template, click “Create Document.”
You can create a flowchart in Lucidchart from scratch by dragging out the shapes in the Flowchart shape library.

Note: The flowchart shape library should automatically be pinned to your toolbox when you create a new Lucidchart document. If you do not see it, you can enable it from the Shapes section of the Workspace Manager.

After dragging out the first shape, you can add a second by clicking on the red connection point on the shapes border, then selecting a second shape from the auto-prompt menu.

You can add style to the shapes in your flowchart using the options in the properties bar.
You can use swim lanes to divide your flowcharts into sections. You can access swim lane shapes by enabling the "Containers" flowchart sub-library in the Shapes section of the Workspace Manager.

To add a swim lane to your flowchart, simply drag it from your toolbox and drop it on the section of your flowchart that you would like contain.

To add lanes to your swim lane or change the the shape or text orientation, click the swim lane and adjust the settings in the advanced shape bar.
One common use case for flowcharts is the depiction of process flows for businesses. Click here for a business process flow template designed in Lucidchart, and read on to learn about its components.

business_process_flow.png

Note that an oval terminator shape begins the flowchart, signifying a sales call - the inciting event of a business process. There are two different events that could follow the call - the customer could either purchase or enter an order - and these events are each represented by a process (rectangle) shape.

flowchart_beginning.png

Note that there are two terminator shapes signifying then end of the business flow - sales approved and sales not approved.

flow_chart_end.png


Related Articles
Creating Swim Lanes
Use Layers to Create a Current/Future State Swim Lane Diagram
Work with Lines
Access More Shapes