Back to rankings

mingrammer/diagrams

Pythondiagrams.mingrammer.com

:art: Diagram as Code for prototyping cloud system architectures

diagramdiagram-as-codearchitecturegraphviz
Star Growth
Stars
42.4k
Forks
2.7k
Weekly Growth
Issues
317
20k40k
Feb 2020Mar 2022May 2024Jul 2026
ArtifactsPyPIpip install diagrams
README

diagrams logo

Diagrams

license pypi version python version Run tests todos contributors

Buy Me A Coffee

Diagram as Code.

Diagrams lets you draw the cloud system architecture in Python code. It was born for prototyping a new system architecture design without any design tools. You can also describe or visualize the existing system architecture as well. Diagrams currently supports main major providers including: AWS, Azure, GCP, Kubernetes, Alibaba Cloud, Oracle Cloud etc... It also supports On-Premises nodes, SaaS and major Programming frameworks and languages.

Diagram as Code also allows you to track the architecture diagram changes in any version control system.

NOTE: It does not control any actual cloud resources nor does it generate cloud formation or terraform code. It is just for drawing the cloud system architecture diagrams.

Providers

aws provider azure provider gcp provider ibm provider kubernetes provider alibaba cloud provider oracle cloud provider openstack provider firebase provider digital ocean provider elastic provider outscale provider on premises provider generic provider programming provider saas provider c4 provider

Getting Started

It requires Python 3.9 or higher, check your Python version first.

It uses Graphviz to render the diagram, so you need to install Graphviz to use diagrams. After installing graphviz (or already have it), install the diagrams.

macOS users can download the Graphviz via brew install graphviz if you're using Homebrew.

# using pip (pip3)
$ pip install diagrams

# using pipenv
$ pipenv install diagrams

# using poetry
$ poetry add diagrams

You can start with quick start. Check out guides for more details, and you can find all available nodes list in here.

Examples

Event Processing Stateful Architecture Advanced Web Service
event processing stateful architecture advanced web service with on-premises

You can find all the examples on the examples page.

Contributing

To contribute to diagram, check out contribution guidelines.

Let me know if you are using diagrams! I'll add you in showcase page. (I'm working on it!) :)

Who uses it?

Apache Airflow is the most popular data workflow Orchestrator. Airflow uses Diagrams to generate architecture diagrams in their documentation.

Cloudiscovery helps you to analyze resources in your cloud (AWS/GCP/Azure/Alibaba/IBM) account. It allows you to create a diagram of analyzed cloud resource map based on this Diagrams library, so you can draw your existing cloud infrastructure with Cloudiscovery.

Airflow Diagrams is an Airflow plugin that aims to easily visualise your Airflow DAGs on service level from providers like AWS, GCP, Azure, etc. via diagrams.

KubeDiagrams is a tool to generate Kubernetes architecture diagrams from Kubernetes manifest files, kustomization files, Helm charts, and actual cluster state. KubeDiagrams supports all Kubernetes built-in resources, any custom resources, and label-based resource clustering.

AWS CloudFormation Diagrams is a simple CLI script to generate AWS architecture diagrams from AWS CloudFormation templates.

Other languages

  • If you are familiar with Go, you can use go-diagrams as well.

License

MIT

Related repositories
tldraw/tldraw

Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.

TypeScriptnpmOtherdrawingsketch
tldraw.dev
49.1k3.4k
plantuml/plantuml

Generate diagrams from textual description

JavaMavenGNU Lesser General Public License v3.0diagramdiagram-as-code
plantuml.com
13.2k1.2k
didi/LogicFlow

A flow chart editing framework focus on business customization. 专注于业务自定义的流程图编辑框架,支持实现脑图、ER图、UML、工作流等各种图编辑场景。

TypeScriptnpmApache License 2.0flowchartgraph
logicflow.cn
11.5k1.4k
hediet/vscode-drawio

This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.

TypeScriptnpmGNU General Public License v3.0hacktoberfestvscode-extension
marketplace.visualstudio.com/items
9.5k466
projectstorm/react-diagrams

a super simple, no-nonsense diagramming library written in react that just works

TypeScriptnpmMIT Licensereactdemo
projectstorm.cloud/react-diagrams
9.4k1.2k
adrai/flowchart.js

Draws simple SVG flow chart diagrams from textual representation of the diagram

JavaScriptnpmMIT Licenseflowchartdiagram
flowchart.js.org
8.7k1.2k
NorthwoodsSoftware/GoJS

JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

HTMLOtherhtmldiagram
gojs.net
8.5k2.8k
bytedance/flowgram.ai

FlowGram is an extensible workflow development framework with built-in canvas, form, variable, and materials that helps developers build AI workflow platforms faster and simpler.

TypeScriptnpmMIT Licenseflowflowchart
flowgram.ai
8.2k741
jsplumb/jsplumb

Visual connectivity for webapps

diagramsvg
jsplumbtoolkit.com
7.8k1.4k
plantuml-stdlib/C4-PlantUML

C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures

PlantUMLMIT Licenseplantumlc4model
7.4k1.2k
jgraph/drawio

draw.io is a JavaScript, client-side editor for general diagramming.

JavaScriptnpmApache License 2.0diagramjavascript
drawio.com
6.9k1.1k
antvis/X6

🚀 JavaScript diagramming library that uses SVG and HTML for rendering.

TypeScriptnpmMIT Licensediagramminggraph
x6.antv.antgroup.com
6.6k1.9k