Hi Experts,

I would like to change the color for the clusters like Tenancy, Compartment, VCN, OKE etc., Please refer below screenshots, Is that possible? If yes, can you pls guide me on that?

Output from Diagram tool:

Ideal output I would like to see:

Hi there, I'm enjoying using Diagrams.

But I've noticed a lot of the GCP icons appear to be outdated...

There is a new GCP architecture icons pack available at this link: https://cloud.google.com/icons Is it possible to update the library to use these?

Thanks, Soomin

This is a PR based on https://github.com/mingrammer/diagrams/pull/90 add custom AWS clusters (see examples/aws.png for reference)

I would love to here feedback before I will consider this to be ready.

C4 is a model for visualizing software architecture. It defines a common terminology and a few core diagrams at different abstraction levels. We primarily use the System Landscape, System Context and Container diagrams so I started with just the entities needed for those.

For a definition like this:

from diagrams import Diagram
from diagrams.c4 import Person, Container, Database, System, SystemBoundary, Relationship

graph_attr = {
    "splines": "spline",
}

with Diagram("Container diagram for Internet Banking System", direction="TB", graph_attr=graph_attr):
    customer = Person(
        name="Personal Banking Customer", description="A customer of the bank, with personal bank accounts."
    )

    with SystemBoundary("Internet Banking System"):
        webapp = Container(
            name="Web Application",
            technology="Java and Spring MVC",
            description="Delivers the static content and the Internet banking single page application.",
        )

        spa = Container(
            name="Single-Page Application",
            technology="Javascript and Angular",
            description="Provides all of the Internet banking functionality to customers via their web browser.",
        )

        mobileapp = Container(
            name="Mobile App",
            technology="Xamarin",
            description="Provides a limited subset of the Internet banking functionality to customers via their mobile device.",
        )

        api = Container(
            name="API Application",
            technology="Java and Spring MVC",
            description="Provides Internet banking functionality via a JSON/HTTPS API.",
        )

        database = Database(
            name="Database",
            technology="Oracle Database Schema",
            description="Stores user registration information, hashed authentication credentials, access logs, etc.",
        )

    email = System(name="E-mail System", description="The internal Microsoft Exchange e-mail system.", external=True)

    mainframe = System(
        name="Mainframe Banking System",
        description="Stores all of the core banking information about customers, accounts, transactions, etc.",
        external=True,
    )

    customer >> Relationship("Visits bigbank.com/ib using [HTTPS]") >> webapp
    customer >> Relationship("Views account balances, and makes payments using") >> [spa, mobileapp]
    webapp >> Relationship("Delivers to the customer's web browser") >> spa
    spa >> Relationship("Make API calls to [JSON/HTTPS]") >> api
    mobileapp >> Relationship("Make API calls to [JSON/HTTPS]") >> api

    api >> Relationship("reads from and writes to") >> database
    api >> Relationship("Sends email using [SMTP]") >> email
    api >> Relationship("Makes API calls to [XML/HTTPS]") >> mainframe
    customer << Relationship("Sends e-mails to") << email

It produces a diagram like this:

The implementation is a bit different from the other resources which are auto-generated based on images as far as I understand. If you'd prefer a different approach or would rather not have this upstream in diagrams, let me know! I also wasn't sure how to best integrate this in the documentation, but we could figure something out if this is a feature you'd like to see.

Original discussion in #489.

Hi there, Firstly, I love this project, thanks a lot! I am currently trying to create a diagram with labelled edges but the label position is incorrect.

For example, when building this example from the doc. You can compare the position of label collect (on the right of the image, between metric and replica) with the one of the documentation (which seems correct).

Tested with :

• Ubuntu 18.04 and dot - graphviz version 2.40.1 (20161225.0304)
• Ubuntu 20.04 and dot - graphviz version 2.43.0 (0)

In both configurations, here is what I get:

Image from the documentation:

Any clue?

First of all, Thanks a lot for this amazing innovative tool!! Great work!!

I am new to this tool and still learning it, so please forgive me if I am wrong.

Based on my research, there is no way to change the color of the node / cloud resources icon, lets say for OCI, it's always black, but Oracle is Red. Is that something that you guys can provide a resolution?

Thanks in advance for the help / support!!

Update existing GCP icons using updated official GCP icons: see https://cloud.google.com/icons.

Note, generic icons are updated with the corresponding new generic icon, except "ai-platform-data-labeling-service.png" since it now has its own unique icon.

Closes #554.

Thought it could be useful to have an image showing what the icon looks like in the docs. Also fixes #466

This is how the change looks:

I couldn't decide how to handle the white icons from OCI, so they are currently not visible against the white background, but they all have a black icon alternative next to them which is visible so that shouldn't be much of an issue. Can update this though if there any any suggestions for handling the white icons.

By the way, excellent project!

I've run the examples but the node labels are bad aligned. Maybe I'm using some incompatible graphviz version

• graphviz: 2.40.1-2
• diagrams: 0.2.1

Here a POC for a web generator.

Instructions: Go in docker directory. Run docker-compose up --build Wait to complete then open your browser http://0.0.0.0:5000/

It's an early version with bugs but basically you can build diagrams. Added fonts but only support Asian language CJK, and ascii + French (tested language). I mainly copy: http://webgraphviz.com/ :-)

Motivation

We sometimes do chatops with slack. We can potentially regard slack as a part of cloud architecture. So, it would be great to add the slack icon.

Resources

https://brandfolder.com/slack/logos

Comment

If it would be ok to add slack, I am not sure where it should be categorized.

Hi, we are using the lib to generate all diagrams in our project and it's working perfectly fine. But we have a small issue for our api diagram. Indeed, we have a lot of api route and we wanted to add the label on each edge but somehow the labels are misplacing and we have them at the bottom and not on label ( it's like they are "pushed" by the others edges to the bottom).

Here is the img we get :

And here is the file use to generate it as pdf because it can't put it as .py file ( sorry if not really beautiful we generate it automatically) :

from diagrams.aws.analytics import *
from diagrams.aws.ar import *
from diagrams.aws.blockchain import *
from diagrams.aws.business import *
from diagrams.aws.compute import *
from diagrams.aws.cost import *
from diagrams.aws.database import *
from diagrams.aws.devtools import *
from diagrams.aws.enablement import *
from diagrams.aws.enduser import *
from diagrams.aws.engagement import *
from diagrams.aws.game import *
from diagrams.aws.general import *
from diagrams.aws.integration import *
from diagrams.aws.iot import *
from diagrams.aws.management import *
from diagrams.aws.media import *
from diagrams.aws.migration import *
from diagrams.aws.ml import *
from diagrams.aws.mobile import *
from diagrams.aws.network import *
from diagrams.aws.quantum import *
from diagrams.aws.robotics import *
from diagrams.aws.satellite import *
from diagrams.aws.security import *
from diagrams.aws.storage import *

with Diagram(
    "api",
    filename=r"img/api",
    show=False,
    graph_attr={"fontsize": "20", "forcelabels": "true"},
    edge_attr={"fontsize": "12"},
    node_attr={"fontsize": "15", "fontname": "times"},
):
    clm_user_pool = Cognito("clm_user_pool")
    web_bucket = S3("web_bucket")
    clm_alb = ELB("clm_alb")
    reverse_proxy = Lambda("reverse_proxy")
    clm_record = Route53("clm_record")
    config = S3("config")
    authorizer = Lambda("authorizer")
    whoami = Lambda("whoami")
    clm_api = APIGateway("clm_api")
    load_balancer_to_api = Lambda("load_balancer_to_api")
    with Cluster("DB Mapping"):
        entity_mapping = DDB("entity_mapping")
        icao_customer_regions = DDB("icao_customer_regions")
        aircraft_family = DDB("aircraft_family")
    with Cluster("DB Cluster"):
        entities = DDB("entities")
        records = DDB("records")
        ingestion_status = DDB("ingestion_status")
        flags_table = DDB("flags_table")
    with Cluster("User Management"):
        user_role_region = DDB("user_role_region")
        role_permission = DDB("role_permission")
    with Cluster("filters"):
        filters = Lambda("filters")
        filter_contracts = Lambda("filter_contracts")
        get_list_buyers = Lambda("get_list_buyers")
        get_list_sub_category = Lambda("get_list_sub_category")
        get_list_entity = Lambda("get_list_entity")
    with Cluster("contracts"):
        get_contract_id_card = Lambda("get_contract_id_card")
        get_contracts_card = Lambda("get_contracts_card")
        get_text = Lambda("get_text")
        search = Lambda("search")
    with Cluster("flters"):
        get_list_category = Lambda("get_list_category")
    with Cluster("kpi"):
        get_kpi_entities = Lambda("get_kpi_entities")
        get_kpi_contracts = Lambda("get_kpi_contracts")
        get_kpi_contract_id = Lambda("get_kpi_contract_id")
        get_kpi_all_contract = Lambda("get_kpi_all_contract")
    with Cluster("flag"):
        flags_create = Lambda("flags_create")
        get_flags_data = Lambda("get_flags_data")
    with Cluster("support"):
        reextract_entity = Lambda("reextract_entity")
    with Cluster("tests"):
        tests_create_presigned = Lambda("tests_create_presigned")
    web_bucket >> Edge(label="") >> reverse_proxy
    clm_alb >> Edge(label="") << clm_user_pool
    clm_alb - Edge(label="default") - reverse_proxy
    clm_alb >> Edge(label="/api") << load_balancer_to_api
    clm_alb >> Edge(label="") << clm_record
    clm_user_pool - Edge(label="") - user_role_region
    clm_user_pool - Edge(label="") - role_permission
    user_role_region >> Edge(label="") >> whoami
    entities >> Edge(label="") >> filters
    entity_mapping >> Edge(label="") >> filters
    icao_customer_regions >> Edge(label="") >> filters
    entities >> Edge(label="") >> get_contract_id_card
    aircraft_family >> Edge(label="") >> get_contract_id_card
    icao_customer_regions >> Edge(label="") >> get_contract_id_card
    get_contracts_card >> Edge(label="") >> filter_contracts
    get_contracts_card >> Edge(label="") >> get_contract_id_card
    records >> Edge(label="") >> get_text
    entities >> Edge(label="") >> get_list_buyers
    icao_customer_regions >> Edge(label="") >> get_list_buyers
    entity_mapping >> Edge(label="") >> get_list_category
    entity_mapping >> Edge(label="") >> get_list_sub_category
    entity_mapping >> Edge(label="") >> get_list_entity
    entity_mapping >> Edge(label="") >> get_kpi_entities
    ingestion_status >> Edge(label="") >> get_kpi_entities
    entities >> Edge(label="") >> get_kpi_entities
    icao_customer_regions >> Edge(label="") >> get_kpi_contracts
    entity_mapping >> Edge(label="") >> get_kpi_contracts
    entities >> Edge(label="") >> get_kpi_contracts
    ingestion_status >> Edge(label="") >> get_kpi_contracts
    ingestion_status >> Edge(label="") >> get_kpi_all_contract
    icao_customer_regions >> Edge(label="") >> get_kpi_all_contract
    entities >> Edge(label="") >> search
    search >> Edge(label="") >> get_list_entity
    entity_mapping >> Edge(label="") >> search
    icao_customer_regions >> Edge(label="") >> search
    flags_table >> Edge(label="") >> search
    flags_create >> Edge(label="") >> flags_table
    config >> Edge(label="") >> tests_create_presigned
    entities >> Edge(label="") >> get_flags_data
    flags_table >> Edge(label="") >> get_flags_data
    entity_mapping >> Edge(label="") >> get_flags_data
    clm_api >> Edge(label="") >> authorizer
    clm_api >> Edge(label="/whoami") >> whoami
    clm_api >> Edge(label="/filters") >> filters
    clm_api >> Edge(label="/filters/buyer") >> get_list_buyers
    clm_api >> Edge(label="/filters/contracts") >> filter_contracts
    clm_api >> Edge(label="/filters/category") >> get_list_category
    clm_api >> Edge(label="/filters/sub_category") >> get_list_sub_category
    clm_api >> Edge(label="/filters/entity") >> get_list_entity
    clm_api >> Edge(label="/kpi/entities") >> get_kpi_entities
    clm_api >> Edge(label="/kpi/contracts") >> get_kpi_contracts
    clm_api >> Edge(label="/kpi/{contract_ID}") >> get_kpi_contract_id
    clm_api >> Edge(label="/kpi/all_contract") >> get_kpi_all_contract
    clm_api >> Edge(label="/contracts/{contract ID}/IDcard") >> get_contract_id_card
    clm_api >> Edge(label="/contracts/{contract ID}/search") >> search
    clm_api >> Edge(label="/contracts/IDcards") >> get_contracts_card
    clm_api >> Edge(label="/contracts/text/{text_uuid}") >> get_text
    clm_api >> Edge(label="/flag/entity") >> flags_create
    clm_api >> Edge(label="/tests/import") >> tests_create_presigned
    clm_api >> Edge(label="/support/reextract") >> reextract_entity
    load_balancer_to_api >> Edge(label="") << clm_api

This is a PR to replace #438 to fix up the merge conflicts. Most of the work has been done by others but I am willing to address any comments in this PR and keep it up to date to get it merged.

Not tested as #799 needs merged too.

Bumps setuptools from 59.6.0 to 65.5.1.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Bumps isort from 4.3.21 to 5.11.4.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Bumps rope from 0.14.0 to 1.6.0.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.