Diagram editor — flowcharts from arrow syntax
Write simple A -> B -> C lines and get a clean flowchart as SVG. It generates entirely in your browser (0 uploads, works offline).
How to use it
- Write one flow per line using arrows.
- The diagram renders live.
- Download the SVG.
FAQ
How do I make a quick flowchart for free?
Write steps joined by arrows, like Idea -> Draft -> Review -> Publish, and this page lays out labelled boxes connected by arrows as an SVG — on your device with no upload.
Is my diagram uploaded anywhere?
No. It is generated entirely in your browser and nothing is transmitted or stored, which you can verify by turning off your Wi-Fi, so internal process diagrams stay private.
Can I branch the flow?
Yes — add more lines that reuse a node name, such as a second line Review -> Rework, and the shared node connects the branches.
What format is the output?
A clean SVG that scales without blurring and drops into docs or slides.
Limits
Draws simple top-down flowcharts from arrow syntax; it is not a full Mermaid or drag-and-drop diagramming tool.
Related
The chart maker plots data; the MCP server generator scaffolds tooling.
Bookmark this page (Ctrl+D, or ⌘D on Mac) or install the app — it works offline the next time you need it.