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.

You write
box "Start" fit
arrow right
circle "Work" fit
arrow right
box "Done" fit
You get

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.

You write
box "One" fit
arrow down
box "Two" fit
arrow right
box "Three" fit
You get

More shapes

Pikchr has many objects. A few common ones are shown here.

You write
cylinder "Store" fit
arrow right
file "Report" fit
arrow right
oval "Send" fit
You get

Cheat sheet

Write this You get
box "Label" fitA rectangle sized to its text
circle "Label" fitA circle
ellipse "Label" fitAn ellipse
oval "Label" fitA rounded pill shape
cylinder "Label" fitA database / store shape
file "Label" fitA document shape
arrow rightAn arrow going right
line downA plain line going down
dotA small filled dot
text "Label"Free-standing text
right / left / up / downSet the direction of the next object
# or //A comment line