packages = ["bokeh", "pandas", "numpy", "networkx", "diagrams", "scikit-learn", "pillow", "matplotlib", "plotly"] [[fetch]] files = ["diagrams_base.py"] from = "../../python/diagrams/" [[fetch]] files = ["pyscript_manager.py", "data.py"] to_folder = "lib" from = "../../python/lib/" [[fetch]] files = ["bokeh_utils.py"] from = "../../python/bokeh/" [[fetch]] files = ["matplotlib_utils.py", "plotly_utils.py"] from = "../../python/matplotlib/" [[fetch]] files = ["agent.py", "trainer.py", "utils.py", "metrics_chart.py", "crossover.py", "__init__.py"] to_folder = "ml/neuro" from = "../../python/ml/neuro/" [[fetch]] files = ["trainer.py"] to_folder = "ml/grokking" from = "../../python/ml/grokking/"

Loading...

🐍 Loading diagram creator...

Create Diagrams

Create your own cloud architecture diagrams using Python code! This interactive editor lets you experiment with the Diagrams library and see results instantly.

How to Use:

  1. Choose a template
  2. Edit the code
  3. Click "Run Diagram" to generate the visualization
  4. Iterate and experiment - try different providers and layouts!

Available Providers:

You can use components from these cloud providers:

  • diagrams.aws.* - Amazon Web Services
  • diagrams.azure.* - Microsoft Azure
  • diagrams.gcp.* - Google Cloud Platform
  • diagrams.k8s.* - Kubernetes
  • diagrams.onprem.* - On-Premise / Generic

Tips:

  • Use >> to show data flow direction
  • Use - for bidirectional connections
  • Use lists [service1, service2] for parallel components
  • Always set show=False in the Diagram constructor

Example Pattern:

from diagrams import Diagram
from diagrams.aws.compute import EC2
from diagrams.aws.database import RDS

with Diagram("My Architecture", show=False):
    web = EC2("web server")
    db = RDS("database")
    web >> db  # web connects to database

View Creator Source

🐍 Python Console