Skip to content
๐Ÿง  Flowcharts

๐Ÿง  Flowcharts

Flowcharts are graphical representations of processes, algorithms, or systems using standardized symbols.

They help visualize control flow, decision points, and execution paths in a way that bridges both technical logic and user-facing interaction.


๐Ÿ”น Core Purpose

  • Clarify the structure and logic of algorithms
  • Aid in debugging, optimization, and documentation
  • Communicate processes across technical and non-technical audiences
  • Separate internal computation from external interaction

๐Ÿงฑ Basic Symbols

SymbolMeaningShape DescriptionSemantic Role
โฌฌ TerminalStart / EndRounded rectangleEntry or exit point of the flow
- Good to be explicit than to be implicit
โฌœ ProcessInternal computation or transformationRectangleRepresents logic, operations, or function calls
๐Ÿ”ท DecisionConditional branchingDiamondEvaluates conditions to direct flow
(True/False)
๐ŸŸฆ Input/OutputExternal interactionParallelogramRepresents user โ†” system data exchange
โžก ArrowFlow of controlDirected lineIndicates execution sequence

๐Ÿง  Note: Process blocks handle internal logic (e.g., calculations, function calls)

Input/Output blocks represent conceptual interfacesโ€”such as user input or system outputโ€”not return values or internal data flow.

๐Ÿ”€ Control Constructs

ConstructDescriptionFlowchart Representation
SequenceLinear execution of stepsโฌœ โ†’ โฌœ โ†’ โฌœ
BranchingConditional logic (if/else)๐Ÿ”ท โ†’ [Yes] / [No] paths
LoopingRepetition based on condition๐Ÿ”ท โ†’ โฌœ โ†’ ๐Ÿ”ท (cycle)

๐Ÿงช Example: Fever Check Logic

    flowchart TD
    Start([START])
    Input[/Enter temperature/]
    Process[Compare with 37.5]
    Decision{Temp โ‰ฅ 37.5?}
    FeverOutput[/Output: Fever/]
    NormalOutput[/Output: Normal/]
    End1([END])
    End2([END])

    Start --> Input --> Process --> Decision
    Decision -- Yes --> FeverOutput --> End1
    Decision -- No --> NormalOutput --> End2
  
Last updated on