Mermaid is a practical tool that can create all sorts of diagrams as code. And if you combine it with an LLM, you can create it with a prompt.
To view the results, go to https://mermaid.live and add the code in the box on the left.
As an example, I had ChatGPT create a hybrid cloud architecture diagram with an on-prem location connected to Azure via an ExpressRoute. For encryption, VPN runs inside the ER circuit. The Azure setup is hub-spoke meaning the central networking components are in the hub and are connected to multiple spoke VNets. Traffic flows through an Azure Firewall.
I have put the code in a markdown file on Github (click Raw to view code).
Result looks like below:
If saving the mermaid code in a markdown file (.md) it will render the diagram directly in Github as long as it is wrapped with ```mermaid at the beginning and ``` at the end.
And if you copy raw code to mermaid.live, only use the text inside the wrapper.
Here's what it looks like at mermaid.live:
You can also preview the diagram in Visual Studio Code if you install the Markdown Preview Mermaid Support extension (and save file as .md). To view diagram, just right-click the .md file and choose "Open preview". It looks like this:
The native Mermaid file format extension is .mmd and there are extensions for VS Code for that as well.
