Da ich oft mit MarkDown arbeite und gern Diagramme ohne zusätzlichen Build Schritt einbette, verwende ich MermaidJS (https://mermaid-js.github.io/) für Diagramme jeglicher Art.

Mit Mermaid kann man alle möglichen Diagramm Typen in Text Form (so auch State, Diagramme, ER Diagramme, Flow Charts und vieles mehr) erzeugen. Teilweise ist Mermaid sogar PlantUML kompatibel (zb. für State Charts). Natürlich gibts auch VSCode Extensions für Mermaid.

Und: Mermaid Diagramme werden auch direkt in GitHub README Files und WIKI pages gerendert ohne dass man was dafür tun (aka Build Schritt) muss