# Pikchr diagrams

```pikchr
arrow right 150% "Markdown" "note"
box rad 8px "Notes Plus" "Pikchr renderer" fit
arrow right 150% "SVG" "diagram"
```

Labels can span multiple lines and `fit` sizes a shape to its text:

```pikchr
Client: oval "Reader"
arrow right 125% from Client.e
Editor: box "Markdown" "editor" fit
arrow right 125% from Editor.e
Preview: box rad 8px "Rendered" "Pikchr SVG" fit
arrow from Preview.s down 60%
box same "Saved with" "the note" fit
```

For the full language reference and examples, see [pikchr.org](https://pikchr.org).