Draw.io ist ein kostenloses Diagramm- und Zeichenprogramm. Die auf dem Electron Framework basierende Software kann sowohl lokal installiert werden, als auch als Online-Dienst im Browser laufen. Auf diese Weise kann sie auch in Anwendungen von Drittanbietern eingebettet werden. Ein Teil des Quelltexts ist open-source und auf GitHub verfügbar.

Auf der Herstellerseite Draw.io gibt es fast unzählige Tuturials.

Der Grundkurs Self-Direct Training ist bestens geeignet, um erste Schritte in Draw.io zu machen.
Jede Menge weiterführende Kurse finden sich im Blog.

1. Füge an der Stelle, an der die Grafik eingebettet werden soll, die Draw.io-Syntax ein.

{{drawio>namespace:bildname}}

2. Ersetze namespace durch den gewünschten Namensraum und bildname durch den Namen des Bildes.

3. Nachden die Syntax eingefügt wurde, speichere die Seite.

4. Ein Platzhalter wird angezeigt. Klicke auf das Bild, um den Draw.io-Editor zu öffnen.

5. Im Draw.io-Editor kann nun die Grafik, z.B. ein Diagramm erstellt und gespeichert werden. Nach dem Speicher wird die erzeugte Grafik angezeigt.

namespace:bildname