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 "Release gate"
3
description "Every check a change clears between a merge and production, and where it goes back."
4
5
@flowchart
6
start merged "Merged to main"
7
group "Automated" tint=#a8c8f0
8
call types "Typecheck" [tsc]
9
call lint "Lint" [ESLint]
10
call build "Production build" [Next.js]
11
decision green "All green?"
12
step fix "Fix forward on a branch"
13
io preview "Publish a preview" [Vercel]
14
decision approved "Reviewer approves?"
15
io deploy "Promote to production" [Vercel]
16
end live "Live"
17
18
merged -> types
19
types -> lint
20
lint -> build
21
build -> green
22
green -> preview : "yes"
23
green -> fix : "no"
24
fix -> types : "re-run"
25
preview -> approved
26
approved -> deploy : "yes"
27
approved -> fix : "changes requested"
28
deploy -> live
Tab indents · Esc then Tab leaves the editor · worked examples
Read-only