How to create embedded diagrams for this website

Besides inserting your locally created images, the formatting engine used for the machinekit website supports a variety of embedded diagram types: Diagrams can be created by embedded markup and will be rendered to images in the website automatically.

See the Asciidoctor Diagram manual for details.

ditaa - DIagrams Through Ascii Art

See the ditaa website for details.

ditaa test

shaape - Ascii drawings

See the shaape manual.

shaape example5

Graphviz - Graph Visualization Software

See the Graphviz website.

graphviz example

blockdiag - block diagrams

See the blockdiag manual.

blockdiag example

actdiag - activity diagrams

See the actdiag manual.

actdiag example

nwdiag - network diagrams

See the nwdiag manual.

nwdiag example

seqdiag - sequence diagrams

See the seqdiag manual.

seqdiag example

mermaid - sequence diagrams and flowchars

See the mermaid website.

These come out too wide, for some reason this plugin does not respect the width= parameter discussed here.

mermaid seqdiag example
mermaid flowchart example

PlantUML

PlantUML Sequence Diagrams

See the PlantUML website for more examples

plantuml sequencediagram example

PlantUML Usecase Diagram

See the PlantUML website for more examples

plantuml usecasediagram example

PlantUML Class Diagram

See the PlantUML website for more examples

plantuml classdiagram example

PlantUML State Diagram

See the PlantUML website for more examples

plantuml statediagram example

PlantUML Activity Diagram

See the PlantUML website for more examples

plantuml activitydiagram example

PlantUML Component Diagram

See the PlantUML website for more examples

plantuml componentdiagram example

PlantUML Deployment Diagram

See the PlantUML website for more examples

plantuml deploymentdiagram example1
plantuml deploymentdiagram example2

PlantUML Salt Diagram

See the PlantUML website for more examples

plantuml saltdiagram example

wavedrom - Digital Timing Diagrams

wavedrom demo

Google Charts

can be embedded in a passthrough block. Example from here.