← Back to all tools

📐 Plan Your Algorithm — Flowchart Builder

Drag and drop standard flowchart symbols to design algorithms visually.

Designed with the WJEC specification in mind
CS GCSE §1.1 CS A-Level Unit 1 DigiTech §3.4

🤔 What is a flowchart?

A flowchart is a diagram that shows the steps of an algorithm (a set of instructions) using standard shapes. It's how programmers plan before they code — like an architect drawing blueprints before building a house.

🍕 Analogy: Imagine writing directions to school. "Start at home → walk to the corner → IS the light green? YES → cross the road, NO → wait." That's a flowchart in words — we just use shapes instead!
📋

WJEC Flowchart Symbols

These are the official symbols you'll see in the exam. Drag them onto the canvas to build your flowchart:

🎨

Canvas

⚡

Example Algorithms

Load a pre-built flowchart to see how algorithms work, then modify it:

💡

How to Use

  1. Drag a symbol from the palette onto the canvas
  2. Double-click any shape to edit its text
  3. Connect shapes: click the green dot on one shape, then click another shape
  4. Decision arrows: Yes/No labels are added automatically
  5. Move shapes by dragging them around the canvas
  6. Delete: select a shape and press Delete or Backspace
  7. Export as PNG or SVG for your coursework
📝

Exam Tips

  • GCSE: Every flowchart MUST start and end with a terminal (rounded rectangle)
  • Decisions always have exactly two exits — Yes and No. Label them!
  • Loops: Show an arrow going BACK to an earlier step — that's iteration
  • Common mistake: Forgetting the "Stop" terminal at the end — examiners look for this
  • A-Level: Subroutines use the double-lined rectangle — show the subroutine name inside
  • Trace it: Follow your flowchart with real data to check it works before the exam