Markdown Pikchr diagram maker
Draw a diagram from plain text. Write Pikchr (PIC) statements — boxes, circles, arrows and lines, one per line — and get a clean SVG you can drop into your document.
Pikchr (PIC) syntax
Pikchr is a small text language from the SQLite and Fossil project. A diagram is a sequence of statements, one per line. Each statement draws an object, and by default each new object starts where the last one ended, so a list of statements flows across the page.
The statement list
This editor works on that list directly. In the visual view the properties panel shows every statement in order; click one to edit its exact PIC line, reorder it, or delete it. The quick-add buttons append common statements. The Source tab gives you the whole language as plain text.
Objects and arrows
Name an object, give it a quoted label, and add fit so the box sizes to its text. Put an arrow or line between objects to join them.
box "Start" fit
arrow right
circle "Work" fit
arrow right
box "Done" fit
Directions
Add a direction — right, left, up or down — to say which way the next object goes. Change the direction part way through to turn the drawing.
box "One" fit
arrow down
box "Two" fit
arrow right
box "Three" fit
More shapes
Pikchr has many objects. A few common ones are shown here.
cylinder "Store" fit
arrow right
file "Report" fit
arrow right
oval "Send" fit
Cheat sheet
| Write this | You get |
|---|---|
box "Label" fit | A rectangle sized to its text |
circle "Label" fit | A circle |
ellipse "Label" fit | An ellipse |
oval "Label" fit | A rounded pill shape |
cylinder "Label" fit | A database / store shape |
file "Label" fit | A document shape |
arrow right | An arrow going right |
line down | A plain line going down |
dot | A small filled dot |
text "Label" | Free-standing text |
right / left / up / down | Set the direction of the next object |
# or // | A comment line |