DEV Community

caelinsutch
caelinsutch

Posted on

2

What are Software Flowcharts?

Flowcharts are a type of diagram used to represent a workflow or process. There are various types of flowcharts:

  • Document flowcharts, showing controls over a document flow in 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

Flowcharts have boxes of various types, and their order with connecting arrows. They're often used to document or manage a process of program. Flowcharts are also great for planning out complex software architecture.

Flowchart Symbols

There are various standard symbols that are used when building flowcharts.

Flowline (Arrowhead)
Flowline (Arrowhead)

Show the process's order of operations. These link symbols together.

Terminal
Terminal

These indicate the beginning or end of a program or subprocess. These usually contain the words "Start" or "End" or another phrase. For example, this may contain the words boot.

Process
Process

Represent an operation in a program that changes the data in some way.

Decision
Decision

Shows a conditional operation in a program that changes the path the program will take. This is often a yes/no or true/false test.

Input/Output
Input/Output

Indicated some sort of input or output data, such as a user entering data or displaying results on a screen.

Predefined Process
Predefined Process

Shows a named process that is defined elswhere.

Datafile/Database
Datafile/Database

Some sort of external or internal data storage.

Document(s)
Document(s)

Single data document represented by a single rectangle, multiple they're stacked (as shown above).

Example

Example Flowchart

Colors are used depending on the symbol normally.

Flowcharts can look really complex, but once you've worked with them for a little bit, it'll all start making sense!

Crossposted from Comet Code

Do your career a big favor. Join DEV. (The website you're on right now)

It takes one minute, it's free, and is worth it for your career.

Get started

Community matters

Top comments (3)

Collapse
 
lbonanomi profile image
lbonanomi •

I'm a big fan of flowcharts myself! Do you use a WYSIWYG editor or dot?

Collapse
 
caelinsutch profile image
caelinsutch •

Yes, I'm a big fan of Draw.io! I actually posted a youtube video where I make a flowchart in Draw.io here: youtube.com/watch?v=3zQZ9QC51OE

Collapse
 
spectateswamp profile image
Spectate • • Edited

flowcharts save my butt 3 times.
When things wont work...
flickr.com/photos/61830359@N04/522...
flickr.com/photos/61830359@N04/522...

These flowcharts are for the highlight line wrap of my search engine.
allowing for " full " " word " search with spaces caused lots of trouble... I had to flowchart.

ia801400.us.archive.org/20/items/s...

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

đź‘‹ Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay