How to make a flowchart without drawing anything
The slowest part of making a flowchart was never deciding the steps; it's the drawing: placing boxes, dragging arrows, and re-aligning everything each time the process changes. There's a faster method: describe the flowchart in rows and let the layout compute itself. Here's how it works and when it wins.
The insight: a flowchart is structured data
Look past the picture and a flowchart is a table. Every step has a name, a shape, zero or more next steps, and (in lane-based charts) an owner. That's four columns. The visual part (where each box sits, how each arrow bends) contains no information about your process at all; it's derivable from the table.
Drawing tools make you author both layers by hand and keep them in sync forever. A typed-row editor lets you author only the meaningful layer and computes the presentation: the same shift word processors made when they took line-breaking away from typists.
The method, in four columns
In ProcessFlowchart.app each row of the editor is one step in the chart. Four columns do the work:
- Box Text: the step's label. Start it with a verb: "Review application".
- Shape: the flowchart symbol: Start, Process, Decision, or End.
- Line To: the number of the step(s) that come next. "5" for a straight flow; "4,6" on a Decision to branch.
- Line Text (+ style): branch labels like Yes/No, with optional colors so paths read at a glance.
A worked example in eight rows
Here's a complete expense-approval flowchart, typed:
- 1. Expense submitted - Start - Line To: 2
- 2. Manager reviews expense - Process - Line To: 3
- 3. Within policy? - Decision - Line To: 4,5 - labels: Yes (green), No (red)
- 4. Approve and forward to finance - Process - Line To: 6
- 5. Return with explanation - Process - Line To: 7
- 6. Reimburse on next payroll - End
- 7. Employee revises and resubmits - Process - Line To: 2
Where typing beats the canvas
Change is where the two methods separate. Row 7 above loops back to row 2: in a drawing tool that's a manually routed arrow around half the chart, and inserting a new step between 2 and 3 means renumbering nothing but re-dragging everything. In the typed version, inserting a step is inserting a row; the layout, routing, and spacing recompute in milliseconds.
That difference compounds. Process documentation dies of maintenance cost: the chart that takes twenty minutes to update doesn't get updated, and a wrong chart is worse than none. The chart that takes twenty seconds to update stays true.
The canvas still wins for freeform work: annotating a screenshot, sketching an architecture with custom shapes. But for the standard process flowchart, typing is simply the shorter path to the same picture.
Try it in the next five minutes
Pick a process you know cold: expense approval, ticket triage, publishing. Open the free editor, type the steps one per row, mark the decisions, connect the numbers. You'll have a finished flowchart before a drawing tool finishes loading its stencil library.
Frequently asked questions
Can I really make a flowchart just by typing?
Yes. A flowchart is structured data: step name, shape, next step, owner. Type those into rows and the diagram (layout, arrows, spacing) is computed automatically. That's how ProcessFlowchart.app works.
How do I make branches without drawing arrows?
On a Decision row, list two target step numbers in the Line To column ('4,6') and label each branch in Line Text (Yes/No). Both arrows draw and route themselves.
What about loops (revise-and-resubmit cycles)?
Point a later row's Line To back at an earlier row's number. The loop arrow routes automatically, which is exactly the arrow that's most annoying to draw by hand.
Is a typed flowchart as presentable as a drawn one?
Usually more so: auto-layout keeps spacing and alignment consistent, which is where hand-drawn charts degrade. A free QueryChart account downloads it as a clean PNG.
Try it on your own process
The editor is free and opens with a starter flowchart. One row per step, and the chart draws itself as you type. No signup required.
Create Your Flowchart Free