ByteByteGo Newsletter

Share this post

Diagram as Code

blog.bytebytego.com

Diagram as Code

6 different ways to turn code into beautiful architecture diagrams

Alex Xu
Jul 25, 2022
87
8
Share this post

Diagram as Code

blog.bytebytego.com

1. Diagrams

Turn python code into cloud system architecture diagrams

Link: https://github.com/mingrammer/diagrams

Thanks for reading ByteByteGo Newsletter! Subscribe for free to receive new posts and support my work.

2. Mermaid

Generation of diagram and flowchart from text in a similar manner as markdown

Link: https://github.com/mermaid-js/mermaid

Example:

3. ASCII editor

Free editor:

https://asciiflow.com/#/

Free:

https://dot-to-ascii.ggerganov.com/

Paid editor:

https://monodraw.helftone.com/

4. PlantUML

It is an open source tool allowing users to create diagrams from a plain text language. 

Link: https://github.com/plantuml/plantuml

Source code for the diagram: https://raw.githubusercontent.com/bmpi-dev/bmpi.dev/master/content/dev/guide-to-serverless/arch_aws.plantuml

Thanks for reading ByteByteGo Newsletter! Subscribe for free to receive new posts and support my work.

5. Markmap

Visualize your Markdown as mindmaps. It supports the VS code plugin.

Link: https://markmap.js.org/rep

6. Go diagrams

Create beautiful system diagrams with Go

Link: https://github.com/blushft/go-diagrams

Thanks for reading ByteByteGo Newsletter! Subscribe for free to receive new posts and support my work.

8
Share this post

Diagram as Code

blog.bytebytego.com
8 Comments
Manuranga Perera
Jul 28, 2022

Another addition : https://dreampuf.github.io/GraphvizOnline/

This is similar to above dot-to-ascii.ggerganov.com, but this generates png/svg

Also check out our project https://ballerina.io/

We generate diagrams from the code and vice versa.

Expand full comment
Reply
Er0r
Feb 6

You can try excalidraw.

Link: https://excalidraw.com/

Expand full comment
Reply
6 more comments…
TopNewCommunity

No posts

Ready for more?

© 2023 ByteByteGo
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing