

put your setup code here, to run once: Uploading Code using PlatformIO IDE: ESP32/ESP8266Ĭopy the following code to your main.cpp file. python diagram.py) each time to generate the diagram.In PlatformIO, all your Arduino sketches should start with the #include.

With this plugin, you no longer have to run the python command (e.g. You may also find more detailed set up instructions under “Requirements (Set up)” section. You may check out this Visual Studio Code extension (created by me 🤓) where you can easily preview the diagram of your code side by side - Diagrams Previewer.

It has support for the major cloud providers like AWS, Azure, GCP and Kubernetes. However, Mermaid only supports flowchart, sequence diagram, gantt charts, class diagram and some other diagrams like git graph that is still in experimental mode.ĭiagrams (Diagrams as a Code) provides you an alternative to drawing your cloud system architectures with simple Python code. You may have heard about Mermaid - creating diagrams and visualisations using text and code. This can be very disruptive and annoying especially when your diagram is huge. Should there be changes, we will need do some realignment to the whole diagram to include/remove certain components.

However, a major drawback about this is the poor maintainability. We would either use Draw.io/ Lucidchart or any other online “whiteboard” tools to draw our diagrams manually - pulling the various shapes and then linking them up with lines/arrows. Diagrams are always helpful in bringing our messages across to the audience easily as we jot down our approach (be it writing proposals or documentations).
