diff --git a/docs/guides/diagram.html b/docs/guides/diagram.html index 06852f89..6ba94740 100644 --- a/docs/guides/diagram.html +++ b/docs/guides/diagram.html @@ -88,7 +88,7 @@ diag

Options

You can specify the output file format with outformat parameter. Default is png.

-

(png, jpg, svg, and pdf) are allowed.

+

(png, jpg, svg, pdf and dot) are allowed.

from diagrams import Diagram
 from diagrams.aws.compute import EC2
@@ -96,6 +96,13 @@ diag
 with Diagram("Simple Diagram", outformat="jpg"):
     EC2("web")
+

The outformat parameter also support list to output all the defined output in one call.

+
from diagrams import Diagram
+from diagrams.aws.compute import EC2
+
+with Diagram("Simple Diagram Multi Output", outformat=["jpg", "png", "dot"]):
+    EC2("web")
+

You can specify the output filename with filename parameter. The extension shouldn't be included, it's determined by the outformat parameter.

from diagrams import Diagram
 from diagrams.aws.compute import EC2
@@ -125,4 +132,4 @@ graph_attr = {
 with Diagram("Simple Diagram", show=False, graph_attr=graph_attr):
     EC2("web")
-
Last updated on 3/19/2020
← ExamplesNodes →
\ No newline at end of file +
Last updated on 2/9/2022
← ExamplesNodes →
\ No newline at end of file diff --git a/docs/guides/diagram/index.html b/docs/guides/diagram/index.html index 06852f89..6ba94740 100644 --- a/docs/guides/diagram/index.html +++ b/docs/guides/diagram/index.html @@ -88,7 +88,7 @@ diag

Options

You can specify the output file format with outformat parameter. Default is png.

-

(png, jpg, svg, and pdf) are allowed.

+

(png, jpg, svg, pdf and dot) are allowed.

from diagrams import Diagram
 from diagrams.aws.compute import EC2
@@ -96,6 +96,13 @@ diag
 with Diagram("Simple Diagram", outformat="jpg"):
     EC2("web")
+

The outformat parameter also support list to output all the defined output in one call.

+
from diagrams import Diagram
+from diagrams.aws.compute import EC2
+
+with Diagram("Simple Diagram Multi Output", outformat=["jpg", "png", "dot"]):
+    EC2("web")
+

You can specify the output filename with filename parameter. The extension shouldn't be included, it's determined by the outformat parameter.

from diagrams import Diagram
 from diagrams.aws.compute import EC2
@@ -125,4 +132,4 @@ graph_attr = {
 with Diagram("Simple Diagram", show=False, graph_attr=graph_attr):
     EC2("web")
-
Last updated on 3/19/2020
← ExamplesNodes →
\ No newline at end of file +
Last updated on 2/9/2022
← ExamplesNodes →
\ No newline at end of file diff --git a/docs/nodes/c4.html b/docs/nodes/c4.html new file mode 100644 index 00000000..cf9788a2 --- /dev/null +++ b/docs/nodes/c4.html @@ -0,0 +1,76 @@ +C4 · Diagrams

C4

C4 Diagrams

+

C4 is a standardized model to visualize software architecture. +You can generate C4 diagrams by using the node and edge classes from the diagrams.c4 package:

+
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 will produce the following diagram:

+

c4

+
Last updated on 9/5/2022
\ No newline at end of file diff --git a/docs/nodes/c4/index.html b/docs/nodes/c4/index.html new file mode 100644 index 00000000..cf9788a2 --- /dev/null +++ b/docs/nodes/c4/index.html @@ -0,0 +1,76 @@ +C4 · Diagrams

C4

C4 Diagrams

+

C4 is a standardized model to visualize software architecture. +You can generate C4 diagrams by using the node and edge classes from the diagrams.c4 package:

+
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 will produce the following diagram:

+

c4

+
Last updated on 9/5/2022
\ No newline at end of file diff --git a/docs/nodes/onprem.html b/docs/nodes/onprem.html index 6a886027..08b40b77 100644 --- a/docs/nodes/onprem.html +++ b/docs/nodes/onprem.html @@ -216,8 +216,8 @@
  • diagrams.onprem.monitoring.Dynatrace
  • diagrams.onprem.monitoring.Grafana
  • diagrams.onprem.monitoring.Humio
    • -
  • diagrams.onprem.monitoring.Newrelic
  • diagrams.onprem.monitoring.Nagios
    • +
  • diagrams.onprem.monitoring.Newrelic
  • diagrams.onprem.monitoring.PrometheusOperator
  • diagrams.onprem.monitoring.Prometheus
  • diagrams.onprem.monitoring.Sentry
    • @@ -305,4 +305,4 @@
  • diagrams.onprem.workflow.Kubeflow, KubeFlow (alias)
  • diagrams.onprem.workflow.Nifi, NiFi (alias)
    • -
    Last updated on 1/22/2022
    ← EdgesAWS →
    \ No newline at end of file +
    Last updated on 8/5/2022
    ← EdgesAWS →
    \ No newline at end of file diff --git a/docs/nodes/onprem/index.html b/docs/nodes/onprem/index.html index 6a886027..08b40b77 100644 --- a/docs/nodes/onprem/index.html +++ b/docs/nodes/onprem/index.html @@ -216,8 +216,8 @@
  • diagrams.onprem.monitoring.Dynatrace
  • diagrams.onprem.monitoring.Grafana
  • diagrams.onprem.monitoring.Humio
    • -
  • diagrams.onprem.monitoring.Newrelic
  • diagrams.onprem.monitoring.Nagios
    • +
  • diagrams.onprem.monitoring.Newrelic
  • diagrams.onprem.monitoring.PrometheusOperator
  • diagrams.onprem.monitoring.Prometheus
  • diagrams.onprem.monitoring.Sentry
    • @@ -305,4 +305,4 @@
  • diagrams.onprem.workflow.Kubeflow, KubeFlow (alias)
  • diagrams.onprem.workflow.Nifi, NiFi (alias)
    • -
    Last updated on 1/22/2022
    ← EdgesAWS →
    \ No newline at end of file +
    Last updated on 8/5/2022
    ← EdgesAWS →
    \ No newline at end of file diff --git a/docs/nodes/programming.html b/docs/nodes/programming.html index d95072f2..c94d736d 100644 --- a/docs/nodes/programming.html +++ b/docs/nodes/programming.html @@ -99,6 +99,7 @@
  • diagrams.programming.framework.Fastapi, FastAPI (alias)
  • diagrams.programming.framework.Flask
  • diagrams.programming.framework.Flutter
    • +
  • diagrams.programming.framework.Graphql, GraphQL (alias)
  • diagrams.programming.framework.Laravel
  • diagrams.programming.framework.Micronaut
  • diagrams.programming.framework.Rails
    • @@ -136,4 +137,4 @@ -
    Last updated on 1/21/2022
    ← GenericSaas →
    \ No newline at end of file +
    Last updated on 8/5/2022
    ← GenericSaas →
    \ No newline at end of file diff --git a/docs/nodes/programming/index.html b/docs/nodes/programming/index.html index d95072f2..c94d736d 100644 --- a/docs/nodes/programming/index.html +++ b/docs/nodes/programming/index.html @@ -99,6 +99,7 @@
  • diagrams.programming.framework.Fastapi, FastAPI (alias)
  • diagrams.programming.framework.Flask
  • diagrams.programming.framework.Flutter
    • +
  • diagrams.programming.framework.Graphql, GraphQL (alias)
  • diagrams.programming.framework.Laravel
  • diagrams.programming.framework.Micronaut
  • diagrams.programming.framework.Rails
    • @@ -136,4 +137,4 @@ -
    Last updated on 1/21/2022
    ← GenericSaas →
    \ No newline at end of file +
    Last updated on 8/5/2022
    ← GenericSaas →
    \ No newline at end of file diff --git a/img/c4.png b/img/c4.png new file mode 100644 index 00000000..9ccb4d44 Binary files /dev/null and b/img/c4.png differ diff --git a/sitemap.xml b/sitemap.xml index 00a29040..c803f101 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -1 +1 @@ -https://diagrams.mingrammer.com/indexweekly0.5https://diagrams.mingrammer.com/docs/getting-started/exampleshourly1.0https://diagrams.mingrammer.com/docs/getting-started/installationhourly1.0https://diagrams.mingrammer.com/docs/guides/clusterhourly1.0https://diagrams.mingrammer.com/docs/guides/diagramhourly1.0https://diagrams.mingrammer.com/docs/guides/edgehourly1.0https://diagrams.mingrammer.com/docs/guides/nodehourly1.0https://diagrams.mingrammer.com/docs/nodes/alibabacloudhourly1.0https://diagrams.mingrammer.com/docs/nodes/awshourly1.0https://diagrams.mingrammer.com/docs/nodes/azurehourly1.0https://diagrams.mingrammer.com/docs/nodes/customhourly1.0https://diagrams.mingrammer.com/docs/nodes/digitaloceanhourly1.0https://diagrams.mingrammer.com/docs/nodes/elastichourly1.0https://diagrams.mingrammer.com/docs/nodes/firebasehourly1.0https://diagrams.mingrammer.com/docs/nodes/gcphourly1.0https://diagrams.mingrammer.com/docs/nodes/generichourly1.0https://diagrams.mingrammer.com/docs/nodes/ibmhourly1.0https://diagrams.mingrammer.com/docs/nodes/k8shourly1.0https://diagrams.mingrammer.com/docs/nodes/ocihourly1.0https://diagrams.mingrammer.com/docs/nodes/onpremhourly1.0https://diagrams.mingrammer.com/docs/nodes/openstackhourly1.0https://diagrams.mingrammer.com/docs/nodes/outscalehourly1.0https://diagrams.mingrammer.com/docs/nodes/programminghourly1.0https://diagrams.mingrammer.com/docs/nodes/saashourly1.0 \ No newline at end of file +https://diagrams.mingrammer.com/indexweekly0.5https://diagrams.mingrammer.com/docs/getting-started/exampleshourly1.0https://diagrams.mingrammer.com/docs/getting-started/installationhourly1.0https://diagrams.mingrammer.com/docs/guides/clusterhourly1.0https://diagrams.mingrammer.com/docs/guides/diagramhourly1.0https://diagrams.mingrammer.com/docs/guides/edgehourly1.0https://diagrams.mingrammer.com/docs/guides/nodehourly1.0https://diagrams.mingrammer.com/docs/nodes/alibabacloudhourly1.0https://diagrams.mingrammer.com/docs/nodes/awshourly1.0https://diagrams.mingrammer.com/docs/nodes/azurehourly1.0https://diagrams.mingrammer.com/docs/nodes/c4hourly1.0https://diagrams.mingrammer.com/docs/nodes/customhourly1.0https://diagrams.mingrammer.com/docs/nodes/digitaloceanhourly1.0https://diagrams.mingrammer.com/docs/nodes/elastichourly1.0https://diagrams.mingrammer.com/docs/nodes/firebasehourly1.0https://diagrams.mingrammer.com/docs/nodes/gcphourly1.0https://diagrams.mingrammer.com/docs/nodes/generichourly1.0https://diagrams.mingrammer.com/docs/nodes/ibmhourly1.0https://diagrams.mingrammer.com/docs/nodes/k8shourly1.0https://diagrams.mingrammer.com/docs/nodes/ocihourly1.0https://diagrams.mingrammer.com/docs/nodes/onpremhourly1.0https://diagrams.mingrammer.com/docs/nodes/openstackhourly1.0https://diagrams.mingrammer.com/docs/nodes/outscalehourly1.0https://diagrams.mingrammer.com/docs/nodes/programminghourly1.0https://diagrams.mingrammer.com/docs/nodes/saashourly1.0 \ No newline at end of file