2021-04-29 03:50:13 +02:00
|
|
|
# Spec diagrams
|
|
|
|
|
|
|
|
|
|
Non-ascii diagrams for the spec can be placed here for reference in the actual spec.
|
|
|
|
|
Please include source material so the diagram can be recreated by a future editor.
|
|
|
|
|
|
|
|
|
|
https://www.diagrams.net/ is a great ([open source](https://github.com/jgraph/drawio))
|
|
|
|
|
tool for these sorts of things - include your `.drawio` file next to your diagram.
|
|
|
|
|
|
|
|
|
|
Suggested settings for diagrams.net:
|
2024-11-19 22:41:45 +01:00
|
|
|
* Export as WebP.
|
|
|
|
|
* 200% size.
|
2021-04-29 03:50:13 +02:00
|
|
|
* `20` for a border width.
|
2024-11-19 22:41:45 +01:00
|
|
|
* Light appearance.
|
|
|
|
|
* No shadow, or grid.
|
2021-04-29 03:50:13 +02:00
|
|
|
|
2024-11-19 22:41:45 +01:00
|
|
|
To reference a diagram, use the `diagram` shortcode. For example:
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
{{% diagram name="membership" alt="Diagram presenting the possible membership state transitions" %}}
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
Where `name` is the file name without extension, and `alt` is a textual
|
|
|
|
|
replacement for the image, useful for accessibility.
|