ASCII documentation
ASCII Flowchart Generator
Convert node-edge text into ASCII flowcharts, validate syntax, reset examples, and copy diagrams for README files or code comments.
Diagram parsing, rendering, validation, copy, and clear controls stay in the browser.
One rule per line. Use -> to connect nodes. Three parts = labeled edge.
Box-drawing characters. Paste directly into README, docs, or comments.
Syntax Reference
| Syntax | Description |
|---|---|
A -> B | Edge from A to B (no label) |
A -> label -> B | Edge from A to B with label |
Decision | Node name containing 'Decision' renders as diamond |
Start / End | Terminal nodes render with rounded style |
Simple DSL
Write Start -> Process -> End and let the renderer build the box diagram.
Branch labels
Use Decision -> Yes -> End to show labeled edges in text documentation.
Copy diagrams
Copy the final ASCII chart into READMEs, issues, or terminal output.
Diagram Notes
Monospace required
ASCII diagrams line up correctly in code blocks and monospace fonts.
Keep labels short
Short node names make generated flowcharts easier to scan in narrow layouts.
FAQ
Is the flowchart text uploaded?
No. Parsing, validation, rendering, reset, and copy actions run locally in your browser.
What syntax does the generator use?
Use lines such as Start -> Process -> Decision. A three-part line like Decision -> Yes -> End creates a labeled branch.
Where can I use ASCII diagrams?
They work well in READMEs, code comments, terminal notes, pull requests, and plain-text documentation.