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)
Show the process's order of operations. These link symbols together.
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
Represent an operation in a program that changes the data in some way.
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
Indicated some sort of input or output data, such as a user entering data or displaying results on a screen.
Predefined Process
Shows a named process that is defined elswhere.
Datafile/Database
Some sort of external or internal data storage.
Document(s)
Single data document represented by a single rectangle, multiple they're stacked (as shown above).
Example
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
Top comments (3)
I'm a big fan of flowcharts myself! Do you use a WYSIWYG editor or dot?
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
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...