Files
system-design-101/data/guides/diagram-as-code.md
Kamran Ahmed ee4b7305a2 Adds ByteByteGo guides and links (#106)
This PR adds all the guides from [Visual
Guides](https://bytebytego.com/guides/) section on bytebytego to the
repository with proper links.

- [x] Markdown files for guides and categories are placed inside
`data/guides` and `data/categories`
- [x] Guide links in readme are auto-generated using
`scripts/readme.ts`. Everytime you run the script `npm run
update-readme`, it reads the categories and guides from the above
mentioned folders, generate production links for guides and categories
and populate the table of content in the readme. This ensures that any
future guides and categories will automatically get added to the readme.
- [x] Sorting inside the readme matches the actual category and guides
sorting on production
2025-03-31 22:16:44 -07:00

888 B

title, description, image, createdAt, draft, categories, tags
title description image createdAt draft categories tags
Diagram as Code Explore Diagram as Code for cloud system architecture prototyping. https://assets.bytebytego.com/diagrams/0173-diagrams-as-code-twitter.jpeg 2024-03-02 false
devtools-productivity
diagrams
architecture

Would it be nice if the code we wrote automatically turned into architecture diagrams?

I recently discovered a Github repo that does exactly this: Diagram as Code for prototyping cloud system architectures.

What does it do?

  • Draw the cloud system architecture in Python code.

  • Diagrams can also be rendered directly inside the Jupyter Notebooks.

  • No design tools are needed.

  • Supports the following providers: AWS, Azure, GCP, Kubernetes, Alibaba Cloud, Oracle Cloud, etc.