ascii2svg

Your text diagrams, drawn properly. Every character stays exactly where you put it.

Try it in your browser →Paste a diagram, pick a look, download SVG, PNG or a page. Nothing is uploaded. Read the guide →How to draw diagrams that render well, pick a look, and fix what's off, in plain language. Scroll demo →A 72-row architecture diagram that draws itself as you scroll. Get the Claude skill ↓Upload to Claude, then just ask it to render your diagram. Source & docs →One Python file, no dependencies, 1:1 self-check on every run.

Watch it work

A messy diagram of the kind a model draws, fixed with one click, a diagram typed live, then a tour: flows into decision trees, a pivot table, swimlanes, and a Mermaid-style gallery. All of it runs in the browser.

Screen recording of the ascii2svg playground: warnings on a misaligned diagram, Fix alignment, a diagram typed and rendered live, then combination and Mermaid-style examples

Type this…

+------------+     +------------+     +------------+     +-------------+
|    Idea    |---->|   Draft    |---->|   Review   |---->|   Publish   |
+------------+     +------------+     +-----+------+     +-------------+
                         ^                  |
                         |                  |
                         +------------------+
                           needs changes

…get this

The same workflow rendered: four tinted boxes, arrows, and a feedback loop from Review back to Draft

python3 scripts/ascii2svg.py workflow.txt -o workflow.svg --color --theme auto --animate