Opening the shared document…
Diagram playground
Write a diagram as text and it renders here as you type. Canvas editing for six of ten notations. Nothing leaves your browser. Syntax reference ·
1
archlab 1.0 flowchart
2
title "Checkout payment"
3
description "One order charged: validate the cart, take payment with one retry, record the outcome."
4
5
@flowchart
6
start begin "Order placed"
7
io load "Load cart and prices" [PostgreSQL]
8
decision fresh "Prices still current?"
9
step reprice "Re-price the cart"
10
desc "Stale prices are re-quoted rather than honoured — a cart can sit open overnight, and charging yesterday's price is a refund ticket tomorrow."
11
group "Payment provider" tint=#4a90d9
12
call charge "Charge the card" [Stripe]
13
decision paid "Charge accepted?"
14
step backoff "Wait 30s, retry" #retry
15
io receipt "Email the receipt" [SMTP]
16
end done "Order confirmed"
17
end failed "Order cancelled"
18
19
begin -> load
20
load -> fresh
21
fresh -> charge : "yes"
22
fresh -> reprice : "no"
23
reprice -> load
24
charge -> paid
25
paid -> receipt : "yes"
26
paid -> backoff : "declined once"
27
backoff -> charge
28
paid -> failed : "declined again"
29
receipt -> done
Tab indents · Esc then Tab leaves the editor · worked examples
Read-only