4.3: Basic Flowchart Symbols
- Page ID
- 117984
\( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)
\( \newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\)
( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\)
\( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)
\( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\)
\( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)
\( \newcommand{\Span}{\mathrm{span}}\)
\( \newcommand{\id}{\mathrm{id}}\)
\( \newcommand{\Span}{\mathrm{span}}\)
\( \newcommand{\kernel}{\mathrm{null}\,}\)
\( \newcommand{\range}{\mathrm{range}\,}\)
\( \newcommand{\RealPart}{\mathrm{Re}}\)
\( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)
\( \newcommand{\Argument}{\mathrm{Arg}}\)
\( \newcommand{\norm}[1]{\| #1 \|}\)
\( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)
\( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\AA}{\unicode[.8,0]{x212B}}\)
\( \newcommand{\vectorA}[1]{\vec{#1}} % arrow\)
\( \newcommand{\vectorAt}[1]{\vec{\text{#1}}} % arrow\)
\( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vectorC}[1]{\textbf{#1}} \)
\( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)
\( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)
\( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)
\( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)
\(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)One reason why flowcharts are so popular is because they use standardized shapes that almost anyone can instantly recognize.
Here are the five most common shapes used in a flowchart.
- Oval (Terminal symbol)
- Rectangle (Process symbol)
- Arrow (Arrow Symbol)
- Diamond (Decision symbol)
- Parallelogram (Input/Output symbol)
%252F04%25253A_Operational_Processes%252F4.03%25253A_Basic_Flowchart_Symbols/files/flowchart-symbols-meaning-1.png)
List of flowchart symbols and their meanings
Every shape found in a flowchart has a use case (it’s not just a design preference!)
In this section, I’ll first name the shape, show it to you, and then describe its function.
1. Oval/Pill (Terminal symbol)
%252F04%25253A_Operational_Processes%252F4.03%25253A_Basic_Flowchart_Symbols/files/8.png)
The oval shape, also known as the terminal symbol, is as an elongated circle or an ellipse.
Its function is to provide a visual reference of the start or end of a flowchart.
To make sure readers understand the start and endpoint correctly, you should verbally communicate “Start” and “End”.
2. Rectangle (Process symbol)
%252F04%25253A_Operational_Processes%252F4.03%25253A_Basic_Flowchart_Symbols/files/1.png)
A rectangle is used to highlight each specific task or action within a process.
Also known as the process symbol, the rectangle is fundamental to mapping out the sequence of actions or operations that take place from the start to the end of a process.
By placing tasks within a rectangle, flowcharts make it easy to understand, follow, and analyze individual tasks that contribute to the overall workflow.
3. Diamond (Decision symbol)
%252F04%25253A_Operational_Processes%252F4.03%25253A_Basic_Flowchart_Symbols/files/6-1.png)
A diamond or a rhombus highlights a decision point in a flowchart and hence is also known as the decision symbol.
Diamonds are usually present when there is a conditional statement such as a “Yes” or “No” or “True” or “False” question.
As a result, two or more paths always branch out from this symbol.
Here’s a great example:
%252F04%25253A_Operational_Processes%252F4.03%25253A_Basic_Flowchart_Symbols/files/cf22c5ba-0935-409b-9cf0-0ecaf441d9b1.png)
(opens in new window)4. Parallelogram (Input/output symbol)
%252F04%25253A_Operational_Processes%252F4.03%25253A_Basic_Flowchart_Symbols/files/7.png)
A parallelogram in flowchart represents both input and output processes within a system.
This means it marks the point in a process where a user has to enter data into a system, such as an online shopper entering their name, address, and payment details, into the system.
But the parallelogram can also also refer to a point when system generates data such as an order confirmation number from the example above.
Therefore, it’s good practice to indicate whether the process is an input or an output using labels or arrows.
5. Arrow
%252F04%25253A_Operational_Processes%252F4.03%25253A_Basic_Flowchart_Symbols/files/2.png)
An arrow usually connects two rectangles, parallelograms or diamond symbols to highlight a sequence flow between the two.
The sole purpose of arrows is to provide visual direction to your flowchart.
Source: Ramuthi, Danesh. "Flowchart Symbols and Meaning: A Complete Guide (2024)