Examples

Browse the example PlantUML diagrams from the examples/ directory. Diagrams are pre-rendered for the current release (v23.1). Select an example to view its source and rendered image.

Example

Basic Usage

examples/Basic Usage.puml

@startuml Basic Usage - AWS IoT Rules Engine
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/InternetOfThings/IoTRule.puml
!include AWSPuml/Analytics/KinesisDataStreams.puml
!include AWSPuml/ApplicationIntegration/SimpleQueueService.puml

left to right direction

agent "Published Event" as event

IoTRule(iotRule, "Action Error Rule", "error if Kinesis fails")
KinesisDataStreams(eventStream, "IoT Events", "2 shards")
SimpleQueueService(errorQueue, "Rule Error Queue", "failed Rule actions")

event --> iotRule : JSON message
iotRule --> eventStream : messages
iotRule --> errorQueue : Failed action message

@enduml

Groups - Auto Scaling

examples/Groups - Auto Scaling.puml

@startuml Auto Scaling
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/AWSSimplified.puml
!include AWSPuml/Compute/EC2AutoScaling.puml
!include AWSPuml/Compute/EC2Instance.puml
!include AWSPuml/Groups/AWSCloud.puml
!include AWSPuml/Groups/AvailabilityZone.puml
!include AWSPuml/Groups/VPC.puml
!include AWSPuml/Groups/AutoScalingGroup.puml
!include AWSPuml/NetworkingContentDelivery/VPCNATGateway.puml

skinparam rectangle<<hidden>> {
  shadowing false
  BackgroundColor transparent
  BorderColor transparent
}

!unquoted procedure LayoutRectangle($p_alias)
rectangle " " as $p_alias <<hidden>>
!endprocedure

AWSCloudGroup(cloud) {
  VPCGroup(vpc) {
    AvailabilityZoneGroup(az_2, "Availability Zone 2") {
      VPCNATGateway(az_2_nat_gateway, "NAT gateway", "")
      EC2Instance(az_2_ec2_1, "Instance", "")
      EC2Instance(az_2_ec2_2, "Instance", "")

      az_2_nat_gateway -[hidden]d- az_2_ec2_1
      az_2_ec2_1 -[hidden]d- az_2_ec2_2
    }

    LayoutRectangle(layout_rectangle) {
      EC2AutoScaling(ec2_auto_scaling, "Amazon EC2 Auto Scaling", "")
      AutoScalingGroupGroup(asg_1)
      AutoScalingGroupGroup(asg_2)

      ec2_auto_scaling -[hidden]d- asg_1
      asg_1 -[hidden]d- asg_2
    }

    AvailabilityZoneGroup(az_1, "Availability Zone 1") {
      VPCNATGateway(az_1_nat_gateway, "NAT gateway", "")
      EC2Instance(az_1_ec2_1, "Instance", "")
      EC2Instance(az_1_ec2_2, "Instance", "")

      az_1_nat_gateway -[hidden]d- az_1_ec2_1
      az_1_ec2_1 -[hidden]d- az_1_ec2_2
    }

    ec2_auto_scaling -[hidden]l- az_1_nat_gateway
    ec2_auto_scaling -[hidden]r- az_2_nat_gateway

    asg_1 -[dashed,$AWS_COLOR_SMILE]l- az_1_ec2_1
    asg_1 -[dashed,$AWS_COLOR_SMILE]r- az_2_ec2_1

    asg_2 -[dashed,$AWS_COLOR_SMILE]l- az_1_ec2_2
    asg_2 -[dashed,$AWS_COLOR_SMILE]r- az_2_ec2_2
  }
}
@enduml

Groups - CodePipeline

examples/Groups - CodePipeline.puml

@startuml AWS CodePipeline - Human Approval Step
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

' based on https://catalog.us-east-1.prod.workshops.aws/workshops/752fd04a-f7c3-49a0-a9a0-c9b5ed40061b/en-US/codepipeline-extend

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/AWSExperimental.puml
!include AWSPuml/ApplicationIntegration/SimpleNotificationService.puml
!include AWSPuml/Compute/EC2.puml
!include AWSPuml/DeveloperTools/CodeBuild.puml
!include AWSPuml/DeveloperTools/CodeDeploy.puml
!include AWSPuml/DeveloperTools/CodePipeline.puml
!include AWSPuml/General/GitRepository.puml
!include AWSPuml/General/User.puml
!include AWSPuml/Storage/SimpleStorageService.puml

$AWSGroupColoring(CodePipelineGroup, $AWSColor(DeveloperTools))
!define CodePipelineGroup(g_alias, g_label="AWS CodePipeline") $AWSDefineGroup(g_alias, g_label, CodePipeline, CodePipelineGroup)

' Groups are rectangles with a custom style using stereotype - need to hide
hide stereotype
skinparam linetype ortho
skinparam rectangle {
    BackgroundColor $AWS_BG_COLOR
    BorderColor transparent
}

' define custom procedure for AWS Service icon and two lines of text
!procedure $AWSIcon($service, $line1, $line2="")
rectangle "$AWSImg($service)\n$line1\n$line2"
!endprocedure 

CodePipelineGroup(pipeline){
  $AWSIcon(GitRepository, "Git Repository") as gr
  $AWSIcon(CodeBuild, "AWS CodeBuild") as cb
  $AWSIcon(SimpleStorageService, "Amazon S3", "(artifact store)") as s3
  gr -r-> cb: \n<$Callout_1>
  cb -d-> s3: <$Callout_2><$Callout_SP>

  $AWSIcon(CodeDeploy, "AWS CodeDeploy") as cd1
  $AWSIcon(EC2, "Amazon EC2", "(dev)") as ec2dev
  cb -r-> cd1: \n<$Callout_3>
  cd1 -d-> ec2dev: <$Callout_4><$Callout_SP>

  $AWSIcon(User, "Human", "Approval") as user
  cd1 -r-> user: \n<$Callout_5>

  $AWSIcon(CodeDeploy, "AWS CodeDeploy") as cd2
  $AWSIcon(EC2, "Amazon EC2", "(prod)") as ec2prod
  user -r-> cd2: \n<$Callout_6>
  cd2 -d-> ec2prod: <$Callout_7><$Callout_SP>

  $AWSIcon(SimpleNotificationService, "SNS Notification") as sns
  cd2 -r-> sns: \n<$Callout_8>
}
@enduml

Groups - VPC

examples/Groups - VPC.puml

@startuml VPC
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/AWSSimplified.puml
!include AWSPuml/Compute/EC2.puml
!include AWSPuml/Compute/EC2Instance.puml
!include AWSPuml/Groups/AWSCloud.puml
!include AWSPuml/Groups/VPC.puml
!include AWSPuml/Groups/AvailabilityZone.puml
!include AWSPuml/Groups/PublicSubnet.puml
!include AWSPuml/Groups/PrivateSubnet.puml
!include AWSPuml/NetworkingContentDelivery/VPCNATGateway.puml
!include AWSPuml/NetworkingContentDelivery/VPCInternetGateway.puml

hide stereotype
skinparam linetype ortho

AWSCloudGroup(cloud) {
  VPCGroup(vpc) {
    VPCInternetGateway(internet_gateway, "Internet gateway", "")

    AvailabilityZoneGroup(az_1, "Availability Zone 1") {
      PublicSubnetGroup(az_1_public, "Public subnet") {
        VPCNATGateway(az_1_nat_gateway, "NAT gateway", "") #Transparent
      }
      PrivateSubnetGroup(az_1_private, "Private subnet") {
        EC2Instance(az_1_ec2_1, "Instance", "") #Transparent
      }

      az_1_ec2_1 .u.> az_1_nat_gateway
    }

    AvailabilityZoneGroup(az_2, "Availability Zone 2") {
      PublicSubnetGroup(az_2_public, "Public subnet") {
        VPCNATGateway(az_2_nat_gateway, "NAT gateway", "") #Transparent
      }
      PrivateSubnetGroup(az_2_private, "Private subnet") {
        EC2Instance(az_2_ec2_1, "Instance", "") #Transparent
      }

      az_2_ec2_1 .u.> az_2_nat_gateway
    }

    az_2_nat_gateway .[hidden]u.> internet_gateway
    az_1_nat_gateway .[hidden]u.> internet_gateway
  }
}
@enduml

Groups - all

examples/Groups - all.puml

@startuml Groups
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/Groups/all.puml

' Groups are rectangles with a custom style using stereotype - need to hide
hide stereotype
skinparam linetype ortho

' create a "filler" rectangle to give empty groups some volume
skinparam rectangle<<filler>> {
  BackgroundColor #Transparent
  BorderThickness 0
}

!$fillerindex = 0
!function $filler($newline="")
!$fillerindex = $fillerindex + 1
!return "rectangle " + %chr(34) + "                    " + $newline + %chr(34) + " as spacer" + $fillerindex + " <<filler>>"
!endfunction

' similar layout to "Groups" slide from AWS-Architecture-Icons-Deck
AWSCloudGroup(awscloud) {
  $filler()
}
AWSCloudAltGroup(cloudalt) { 
  $filler()
}
RegionGroup(region) {
  $filler()
}
AvailabilityZoneGroup(az) {
  $filler()
}
SecurityGroupGroup(sg)  {
  $filler()
}
AutoScalingGroupGroup(asg) {
  $filler()
}
VPCGroup(vpc, "Virtual private\l\t cloud (VPC)") {
  $filler()
}
PrivateSubnetGroup(private) {
  $filler()
}
PublicSubnetGroup(public) {
  $filler()
}
ServerContentsGroup(server) {
  $filler()
}
CorporateDataCenterGroup(dc, "Corporate\l\t data center") {
  $filler()
}
EC2InstanceContentsGroup(instance, "EC2 instance\l\t contents") {
  $filler()
}
SpotFleetGroup(sf) {
  $filler()
}
AWSAccountGroup(account) {
  $filler()
}
IoTGreengrassDeploymentGroup(iotgd, "AWS IoT\l\t Greengrass\l\t Deployment") {
  $filler()
}
IoTGreengrassGroup(iotg, "AWS IoT\l\t Greengrass") {
  $filler()
}
ElasticBeanstalkContainerGroup(beanstalk, "Elastic Beanstalk\l\t container") {
  $filler()
}
StepFunctionsWorkflowGroup(sfw, "AWS Step\l\t Functions\l\t workflow") {
  $filler()
}
GenericGroup(g1)  {
  $filler()
}
GenericAltGroup(g2)  {
  $filler()
}

' row 1 layout
awscloud -[hidden]r-> cloudalt
cloudalt -[hidden]r-> region 
region -[hidden]r-> az
az -[hidden]r-> sg
cloudalt -[hidden]r-> region

' row 2 layout
asg -[hidden]up-> awscloud
asg -[hidden]right-> vpc
vpc -[hidden]right-> private
private -[hidden]right-> public
public -[hidden]right-> server
server -[hidden]right-> dc

' row 3 layout
instance -[hidden]up-> asg
instance -[hidden]right-> sf
sf -[hidden]right-> account
account -[hidden]right-> iotgd
iotgd -[hidden]right-> iotg
iotg -[hidden]right-> beanstalk

' row 4 layout
sfw -[hidden]up-> instance
sfw -[hidden]right-> g1
g1 -[hidden]right-> g2
@enduml

HelloWorld

examples/HelloWorld.puml

@startuml Hello World
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/BusinessApplications/all.puml
!include AWSPuml/Storage/SimpleStorageService.puml

actor "Person" as personAlias
WorkDocs(desktopAlias, "Label", "Technology", "Optional Description")
SimpleStorageService(storageAlias, "Label", "Technology", "Optional Description")

personAlias --> desktopAlias
desktopAlias --> storageAlias

@enduml

MarketplaceSaaS

examples/MarketplaceSaaS.puml

@startuml AWS Marketplace SaaS

' based on https://aws.amazon.com/solutions/implementations/aws-marketplace-saas/
title AWS Marketplace Serverless SaaS Integration on AWS

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/NetworkingContentDelivery/APIGateway.puml
!include AWSPuml/Compute/Lambda.puml
!include AWSPuml/Database/DynamoDB.puml
!include AWSPuml/General/Documents.puml
!include AWSPuml/General/Marketplace.puml
!include AWSPuml/General/Users.puml
!include AWSPuml/Groups/AWSCloud.puml
!include AWSPuml/NetworkingContentDelivery/CloudFront.puml
!include AWSPuml/NetworkingContentDelivery/CloudFrontEdgeLocation.puml
!include AWSPuml/Storage/SimpleStorageService.puml

' Groups are rectangles with a custom style using stereotype - need to hide
hide stereotype
skinparam linetype ortho
skinparam rectangle {
    BackgroundColor $AWS_BG_COLOR
    BorderColor transparent
    Shadowing false
}

rectangle "$UsersIMG()\nCustomers" as customers
AWSCloudGroup(cloud){
  rectangle "$MarketplaceIMG()\nAWS Marketplace" as marketplace
  rectangle "$CloudFrontEdgeLocationIMG()\nLambda@Edge" as edge
  rectangle "$CloudFrontIMG()\nAmazon CloudFront" as cf  
  rectangle "$SimpleStorageServiceIMG()\nAmazon S3" as s3

  customers -right-> marketplace
  marketplace -right-> edge
  edge -right-> cf
  cf -right-> s3

  rectangle "$DocumentsIMG()\nRegistration page" as page

  customers -right-> page
  marketplace -down-> page
  cf -down-> page

  rectangle "$APIGatewayIMG()\nAmazon API Gateway" as api
  rectangle "$LambdaIMG()\nAWS Lambda" as lambda
  rectangle "$DynamoDBIMG()\nAmazon DynamoDB" as dynamodb

  page -down-> api
  api -right-> lambda
  lambda -right-> dynamodb
}
@enduml

Raw Image Usage

examples/Raw Image Usage.puml

@startuml Raw usage - Images
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/ArtificialIntelligence/SageMakerAIModel.puml
!include AWSPuml/Compute/Compute.puml
!include AWSPuml/General/Documents.puml

component "$SageMakerAIModelIMG()" as myMLModel
database "$DocumentsIMG()" as myDocuments
Compute(mySecondFunction, "Agent Runtime", "Python")

rectangle "$SageMakerAIModelIMG()" as mySecondML

myMLModel --> myDocuments
mySecondFunction --> mySecondML

@enduml

Raw Sprite Usage

examples/Raw Sprite Usage.puml

@startuml Raw usage - Sprites
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/ArtificialIntelligence/SageMakerAIModel.puml
!include AWSPuml/Compute/Compute.puml
!include AWSPuml/General/Documents.puml

component "<color:$AWSColor(ArtificialIntelligence)><$SageMakerAIModel></color>" as myMLModel 
database "<color:$AWSColor(General)><$Documents></color>" as myDocuments
Compute(mySecondFunction, "Agent Runtime", "Python")

rectangle "<color:$AWSColor(ArtificialIntelligence)><$SageMakerAIModel></color>" as mySecondML

myMLModel --> myDocuments
mySecondFunction --> mySecondML

@enduml

Sequence - Images

examples/Sequence - Images.puml

@startuml Sequence Diagram - Images
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/AWSExperimental.puml
!include AWSPuml/Compute/Lambda.puml
!include AWSPuml/NetworkingContentDelivery/APIGateway.puml
!include AWSPuml/General/Internetalt1.puml
!include AWSPuml/General/User.puml
!include AWSPuml/Database/DynamoDB.puml

'Hide the bottom boxes / Use filled triangle arrowheads
hide footbox
skinparam style strictuml

skinparam MaxMessageSize 200

participant "$UserIMG()\nUser" as user
box AWS Cloud
'Instead of using ...Participant(), native creole img tags can be used
participant "$APIGatewayIMG()\nCredit Card System\nAll methods are POST" as api << REST API >>
participant "$LambdaIMG()\nAuthorizeCard\nReturns status" as lambda << python3.9 >>
participant "PaymentTransactions\n$DynamoDBIMG()\nsortkey=transaction_id+token" as db << on-demand >>
endbox
participant "Authorizer\nReturns status and token\n$Internetalt1IMG()" as processor

'Use shortcut syntax for activation with colored lifelines and return keyword
user -> api++ $AWSColor(ApplicationIntegration): <$Callout_1> Process transaction\l<$Callout_SP> ""POST /prod/process""
api -> lambda++ $AWSColor(Compute): <$Callout_2> Invokes lambda with\l<$Callout_SP> cardholder details
lambda -> processor++ $AWS_COLOR_SQUID: <$Callout_3> Submit via API token\l<$Callout_SP> card number, expiry, CID
processor -> processor: Validate and\lcreate token
return status code, token
lambda ->> db: PUT transaction id, token
return status code,\rtransaction id
return status code
@enduml

Sequence - Simplified

examples/Sequence - Simplified.puml

@startuml Sequence Diagram - Technical
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/AWSSimplified.puml
!include AWSPuml/Compute/all.puml
!include AWSPuml/NetworkingContentDelivery/APIGateway.puml
!include AWSPuml/General/Internetalt1.puml
!include AWSPuml/Database/DynamoDB.puml

actor User as user
APIGatewayParticipant(api, Credit Card System, All methods are POST)
LambdaParticipant(lambda,AuthorizeCard,)
DynamoDBParticipant(db, PaymentTransactions, sortkey=transaction_id+token)
Internetalt1Participant(processor, Authorizer, Returns status and token)

user -> api: Process transaction\nPOST /prod/process
api -> lambda: Invokes lambda with cardholder details
lambda -> processor: Submit via API token\ncard number, expiry, CID
processor -> processor: Validate and create token
processor -> lambda: Returns status code and token
lambda -> db: PUT transaction id, token
lambda -> api: Returns\nstatus code, transaction id
api -> user: Returns status code
@enduml

Sequence - Sprites

examples/Sequence - Sprites.puml

@startuml Sequence Diagram - Sprites
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/Compute/all.puml
!include AWSPuml/NetworkingContentDelivery/APIGateway.puml
!include AWSPuml/General/Internetalt1.puml
!include AWSPuml/Database/DynamoDB.puml

'Hide the bottom boxes / Use filled triangle arrowheads
hide footbox
skinparam style strictuml

actor User as user
'Instead of using ...Participant(), native sprites can be used in monochrome
participant "<$APIGateway>\nCredit Card System\nAll methods are POST" as api
'Or skinned with colors (pulled from each sprite file) and with different layout of sprite to text
participant "<color:$AWS_COLOR_SMILE><$Lambda></color>\nAuthorizeCard\nReturns status" as lambda
participant "PaymentTransactions\n<color:$AWS_COLOR_NEBULA><$DynamoDB></color>\nsortkey=transaction_id+token" as db
participant "Authorizer\nReturns status and token\n<color:$AWS_FG_COLOR><$Internetalt1></color>" as processor

user -> api: Process transaction\nPOST /prod/process
api -> lambda: Invokes lambda with cardholder details
lambda -> processor: Submit via API token\ncard number, expiry, CID
processor -> processor: Validate and create token
processor -> lambda: Returns status code and token
lambda -> db: PUT transaction id, token
lambda -> api: Returns\nstatus code, transaction id
api -> user: Returns status code
@enduml

Sequence - Technical

examples/Sequence - Technical.puml

@startuml Sequence Diagram - Technical
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/Compute/all.puml
!include AWSPuml/NetworkingContentDelivery/APIGateway.puml
!include AWSPuml/General/Internetalt1.puml
!include AWSPuml/Database/DynamoDB.puml

actor User as user
APIGatewayParticipant(api, Credit Card System, All methods are POST)
LambdaParticipant(lambda,AuthorizeCard,)
DynamoDBParticipant(db, PaymentTransactions, sortkey=transaction_id+token)
Internetalt1Participant(processor, Authorizer, Returns status and token)

user -> api: Process transaction\nPOST /prod/process
api -> lambda: Invokes lambda with cardholder details
lambda -> processor: Submit via API token\ncard number, expiry, CID
processor -> processor: Validate and create token
processor -> lambda: Returns status code and token
lambda -> db: PUT transaction id, token
lambda -> api: Returns\nstatus code, transaction id
api -> user: Returns status code
@enduml

Serverless API

examples/Serverless API.puml

@startuml Serverless API

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/AWSExperimental.puml
!include AWSPuml/NetworkingContentDelivery/APIGateway.puml
!include AWSPuml/Compute/Lambda.puml
!include AWSPuml/Database/DynamoDB.puml
!include AWSPuml/General/Client.puml
!include AWSPuml/Groups/AWSCloud.puml
!include AWSPuml/Storage/SimpleStorageService.puml

' Groups are rectangles with a custom style using stereotype - need to hide
hide stereotype
skinparam linetype ortho
skinparam rectangle {
    BorderColor transparent
}

rectangle "$ClientIMG()\nClient" as client
AWSCloudGroup(cloud){
  rectangle "$APIGatewayIMG()\nAmazon API\nGateway" as api
  rectangle "$LambdaIMG()\nAWS Lambda\n" as lambda
  rectangle "$DynamoDBIMG()\nAmazon DynamoDB\n" as dynamodb
  rectangle "$SimpleStorageServiceIMG()\nAmazon S3" as s3
  rectangle "$LambdaIMG()\nAWS Lambda" as trigger

  client -right-> api: \n<$Callout_1>
  api -right-> lambda: \n<$Callout_2>
  lambda -right-> dynamodb: \n<$Callout_3>
  api -[hidden]down-> s3
  client -right-> s3: <$Callout_4><$Callout_SP>
  s3 -right-> trigger: \n<$Callout_5>
  trigger -[hidden]up-> lambda
  trigger -u-> dynamodb: <$Callout_6><$Callout_SP>\n
}
@enduml

Two Modes - Simple View

examples/Two Modes - Simple View.puml

@startuml Two Modes - Simple View
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml

' Comment out the following line to create technical view
!include AWSPuml/AWSSimplified.puml

!include AWSPuml/General/Users.puml
!include AWSPuml/NetworkingContentDelivery/APIGateway.puml
!include AWSPuml/SecurityIdentityCompliance/Cognito.puml
!include AWSPuml/Compute/Lambda.puml
!include AWSPuml/Database/DynamoDB.puml

left to right direction

Users(sources, "Events", "millions of users")
APIGateway(votingAPI, "Voting API", "user votes")
Cognito(userAuth, "User Authentication", "jwt to submit votes")
Lambda(generateToken, "User Credentials", "return jwt")
Lambda(recordVote, "Record Vote", "enter or update vote per user")
DynamoDB(voteDb, "Vote Database", "one entry per user")

sources --> userAuth
sources --> votingAPI
userAuth <--> generateToken
votingAPI --> recordVote
recordVote --> voteDb
@enduml

Two Modes - Technical View

examples/Two Modes - Technical View.puml

@startuml Two Modes - Technical View
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml

' Uncomment the following line to create simplified view
'!include AWSPuml/AWSSimplified.puml

!include AWSPuml/General/Users.puml
!include AWSPuml/NetworkingContentDelivery/APIGateway.puml
!include AWSPuml/SecurityIdentityCompliance/Cognito.puml
!include AWSPuml/Compute/Lambda.puml
!include AWSPuml/Database/DynamoDB.puml

left to right direction

Users(sources, "Events", "millions of users")
APIGateway(votingAPI, "Voting API", "user votes")
Cognito(userAuth, "User Authentication", "jwt to submit votes")
Lambda(generateToken, "User Credentials", "return jwt")
Lambda(recordVote, "Record Vote", "enter or update vote per user")
DynamoDB(voteDb, "Vote Database", "one entry per user")

sources --> userAuth
sources --> votingAPI
userAuth <--> generateToken
votingAPI --> recordVote
recordVote --> voteDb
@enduml

cognito-scenario / 1-basic-diagram

examples/cognito-scenario/1-basic-diagram.puml

@startuml Amazon S3 objects using IAM Temporary Credentials

title Amazon S3 objects using IAM Temporary Credentials
' compare with https://docs.aws.amazon.com/cognito/latest/developerguide/what-is-amazon-cognito.html

participant "User" as user
participant "Cognito User Pool" as userpool
participant "Cognito Identity Pool" as idpool
participant "S3 Bucket" as s3
participant "STS" as sts
participant "IAM Policy" as permissions

' 1. Authenticate and get tokens
user -> userpool: InitiateAuth
user <-- userpool: ID Token and Access Token

' 2. Exchange tokens for AWS credentials
user -> idpool: GetCredentialsForIdentity
idpool -> idpool: map to IAM Role
idpool -> sts: AssumeRoleWithWebIdentity(Role)
idpool <-- sts: temporary security credentials
user <-- idpool: temporary security credentials

' 3. Access AWS services with credentials
user -> s3: GetObject
s3 -> permissions: check permissions
alt no access
  s3 <-- permissions: Deny
  user <-- s3: error (AccessDenied)
else access
  s3 <-- permissions: Allow
  user <-- s3: S3 object
end

@enduml

cognito-scenario / 2-visual-updates

examples/cognito-scenario/2-visual-updates.puml

@startuml Amazon S3 objects using IAM Temporary Credentials

title Amazon S3 objects using IAM Temporary Credentials
' compare with https://docs.aws.amazon.com/cognito/latest/developerguide/what-is-amazon-cognito.html

hide footbox
skinparam style strictuml

skinparam participant {
    RoundCorner 0
}
skinparam sequence { 
    ArrowThickness 2
    MessageAlignment left
}

participant "\nUser" as user <<Tenant 1>>
participant "<b>User Pool</b>\nAmazon Cognito" as userpool
participant "<b>Identity Pool</b>\nAmazon Cognito" as idpool
participant "<b>Bucket</b>\nAmazon S3" as s3 <<Multi-Tenant>>
participant "AWS STS" as sts
participant "<b>Policy</b>\nAWS IAM" as permissions

note over userpool
  1. Authenticate and get tokens
end note
user -> userpool++: InitiateAuth
return ID Token and Access Token

note over idpool
  2. Exchange tokens for AWS credentials
end note
user -> idpool++: GetCredentialsForIdentity
idpool -> idpool: map to IAM Role
idpool -> sts++: AssumeRoleWithWebIdentity(Role)
return temporary security credentials
return temporary security credentials

note over s3
  3. Access AWS services with credentials
end note
user -> s3++: GetObject
s3 -> permissions++: check permissions
alt no access
  permissions --> s3: ❌  Deny
  s3 --> user: error (AccessDenied)
else access
  return ✅  Allow
  return S3 object
end

@enduml

cognito-scenario / 3-aws-icons-and-colors

examples/cognito-scenario/3-aws-icons-and-colors.puml

@startuml Amazon S3 objects using IAM Temporary Credentials

title Amazon S3 objects using IAM Temporary Credentials
' compare with https://docs.aws.amazon.com/cognito/latest/developerguide/what-is-amazon-cognito.html

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/AWSExperimental.puml
!include AWSPuml/General/User.puml
!include AWSPuml/General/SAMLtoken.puml
!include AWSPuml/SecurityIdentityCompliance/Cognito.puml
!include AWSPuml/SecurityIdentityCompliance/IdentityAccessManagementPermissions.puml
!include AWSPuml/SecurityIdentityCompliance/IdentityAccessManagementAWSSTSAlternate.puml
!include AWSPuml/SecurityIdentityCompliance/IdentityAccessManagementTemporarySecurityCredential.puml
!include AWSPuml/SecurityIdentityCompliance/IdentityAccessManagementRole.puml
!include AWSPuml/Storage/SimpleStorageServiceBucket.puml
!include AWSPuml/Storage/SimpleStorageServiceObject.puml

hide footbox
skinparam style strictuml

skinparam Sequence { 
    MessageAlignment left
}
skinparam Note {
  TextAlignment left 
  FontColor black
  BackgroundColor %lighten($AWS_COLOR_SMILE, 90)
}
skinparam WrapWidth 300
skinparam MaxMessageSize 600

!procedure $AWSIcon($service, $line1, $line2="")
participant "$AWSImg($service)\n<b>$line1</b>\n$line2"
!endprocedure 

$AWSIcon(User, " ", "User") as user <<Tenant 1>>
$AWSIcon(Cognito, "User Pool", "Amazon Cognito") as userpool
$AWSIcon(Cognito, "Identity Pool", "Amazon Cognito") as idpool
$AWSIcon(SimpleStorageServiceBucket, "Bucket", "Amazon S3") as s3 <<Multi-Tenant>>
$AWSIcon(IdentityAccessManagementAWSSTSAlternate, " ", "AWS STS") as sts
$AWSIcon(IdentityAccessManagementPermissions, "Policy", "AWS IAM") as permissions

note over userpool
  1. Authenticate and get tokens
end note
user -> userpool++ $AWSColor(SecurityIdentityCompliance): InitiateAuth
return ID Token and Access Token
note<<AWSIcon>> left
  $SAMLtokenIMG("0.5") $SAMLtokenIMG("0.5")
end note

note over idpool
  2. Exchange tokens for AWS credentials
end note
user -> idpool++ $AWSColor(SecurityIdentityCompliance): GetCredentialsForIdentity
idpool -> idpool: map to IAM Role
$AWSIconLeft(IdentityAccessManagementRole)
idpool -> sts++ $AWSColor(SecurityIdentityCompliance): AssumeRoleWithWebIdentity(Role)
return temporary security credentials
$AWSIconLeft(IdentityAccessManagementTemporarySecurityCredential)
return temporary security credentials
$AWSIconLeft(IdentityAccessManagementTemporarySecurityCredential)

note over s3
  3. Access AWS services with credentials
end note
user -> s3++ $AWSColor(Storage): GetObject
s3 -> permissions++ $AWSColor(SecurityIdentityCompliance): check permissions
alt no access
  permissions --> s3: ❌  Deny
  s3 --> user: error (AccessDenied)
else access
  return ✅  Allow
  return S3 object
  $AWSIconLeft(SimpleStorageServiceObject)
end

@enduml

s3-upload-workflow / S3 Upload Workflow - C4

examples/s3-upload-workflow/S3 Upload Workflow - C4.puml

@startuml C4

title Amazon S3 video upload workflow

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!include <C4/C4_Container>
!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/AWSC4Integration.puml

' hide the tags render via stereotype
hide stereotype
left to right direction

UpdateBoundaryStyle($bgColor=$AWS_BG_COLOR, $fontColor=$AWS_FG_COLOR, $borderColor=$AWS_COLOR_GRAY)
UpdateElementStyle("container", $AWS_BG_COLOR, $AWS_FG_COLOR, $AWS_FG_COLOR)
UpdateElementStyle("person", $AWS_BG_COLOR, $AWS_FG_COLOR, $AWS_FG_COLOR)

' Experimental tag based Element formatting
!procedure $AWSC4AddElementTag($category, $icon)
!$tagborder = $AWSColor($category)
!if %variable_exists("$AWS_DARK") && ($AWS_DARK == true) && ($category == "General")
!$tagimgext = '_Dark.png'
!$tagborder = $AWS_FG_COLOR
!else
!$tagimgext = '.png'
!endif
!$tagimg = 'img:' + AWSPuml + '/' + $category + '/' + $icon + $tagimgext
AddElementTag("$icon", $fontColor=$AWS_FG_COLOR, $borderColor=$tagborder, $bgColor=$AWS_BG_COLOR, $sprite=$tagimg{scale=0.5}, $legendSprite=$tagimg{scale=0.25})
!endprocedure

$AWSC4AddElementTag("General", "User")
$AWSC4AddElementTag("Storage", "SimpleStorageServiceBucket")
$AWSC4AddElementTag("Compute", "LambdaLambdaFunction")
$AWSC4AddElementTag("ApplicationIntegration", "StepFunctions")
$AWSC4AddElementTag("MediaServices", "ElementalMediaConvert")
$AWSC4AddElementTag("MachineLearning", "Transcribe")

Person(user, "User", $tags="User")
System_Boundary(softwareSystem, "Video Transcription Service") {
  Container(s3bucket, "Amazon S3 bucket", $tags="SimpleStorageServiceBucket")
  Container(objectcreated, "ObjectCreated event handler", $tags="LambdaLambdaFunction")
  Container(stepfunction, "transcribe workflow", $tags="StepFunctions")
  Container(extractaudio, "extract audio", $tags="LambdaLambdaFunction")
  Container(transcribeaudio, "transcribe audio", $tags="LambdaLambdaFunction")
  Container(mediaconvert, "AWS Elemental MediaConvert", $tags="ElementalMediaConvert")
  Container(transcribe, "Amazon Transcribe", $tags="Transcribe")

  Rel(s3bucket, objectcreated, "ObjectCreated event")
  Rel(objectcreated, stepfunction, "start")
  Rel(stepfunction, extractaudio, "step 1")
  Rel(extractaudio, mediaconvert, "start job")
  Rel(mediaconvert, s3bucket, "save audio")
  Rel(stepfunction, transcribeaudio, "step 2")
  Rel(transcribeaudio, transcribe, "start transcription job")
  Rel(transcribe, s3bucket, "save transcription")
}

Rel(user, s3bucket, "Uploads")

SHOW_LEGEND(false)
C4VersionDetails()
@enduml

s3-upload-workflow / S3 Upload Workflow - sequence

examples/s3-upload-workflow/S3 Upload Workflow - sequence.puml

@startuml Amazon S3 Upload Workflow
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

title Amazon S3 video upload workflow

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/AWSExperimental.puml
!include AWSPuml/ApplicationIntegration/StepFunctions.puml
!include AWSPuml/Groups/all.puml
!include AWSPuml/Compute/LambdaLambdaFunction.puml
!include AWSPuml/General/Documents.puml
!include AWSPuml/General/Multimedia.puml
!include AWSPuml/General/Tapestorage.puml
!include AWSPuml/General/User.puml
!include AWSPuml/MediaServices/ElementalMediaConvert.puml
!include AWSPuml/ArtificialIntelligence/Transcribe.puml
!include AWSPuml/Storage/SimpleStorageServiceBucket.puml

'Hide the bottom boxes / Use filled triangle arrowheads
hide footbox
skinparam style strictuml
skinparam MaxMessageSize 200

participant "$UserIMG()\nUser\n" as user
box Step Functions workflow
participant "$StepFunctionsIMG()\nworkflow\n" as sfw
participant "$LambdaLambdaFunctionIMG()\nextract audio\n" as sfw1
participant "$LambdaLambdaFunctionIMG()\ntranscribe audio\n" as sfw2
end box

participant "$ElementalMediaConvertIMG()\nAWS Elemental\nMediaConvert" as mediaconvert
participant "$TranscribeIMG()\nAmazon Transcribe\n" as transcribe
box object storage
participant "$SimpleStorageServiceBucketIMG()\nAmazon S3\nbucket" as s3
participant "$LambdaLambdaFunctionIMG()\nObjectCreated\nevent handler" as e1
end box

user -> s3++ $AWSColor(Storage): <$Callout_1> upload video 
$AWSIconRight(Multimedia, video)
user <-- s3:
s3 ->> e1++ $AWSColor(Compute): <$Callout_2> event
e1 ->> sfw--: start workflow
activate sfw $AWSColor(ApplicationIntegration)

== audio ==

sfw -> sfw1++ $AWSColor(Compute):
sfw1 ->> mediaconvert: create job
activate mediaconvert $AWSColor(MediaServices)
sfw <-- sfw1--:
mediaconvert -> s3: <$Callout_3> save audio
$AWSIconRight(Tapestorage, audio)
sfw <<- mediaconvert--:  task success

== transcript ==

sfw -> sfw2++ $AWSColor(Compute):
sfw2 ->> transcribe: start transcription job
activate transcribe $AWSColor(ArtificialIntelligence)
sfw <-- sfw2--:
transcribe -> s3: <$Callout_4> save transcript
$AWSIconRight(Documents, transcript)
deactivate s3
sfw <<- transcribe--: task success
deactivate sfw

@enduml

s3-upload-workflow / S3 Upload Workflow

examples/s3-upload-workflow/S3 Upload Workflow.puml

@startuml Amazon S3 Upload Workflow
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

title Amazon S3 video upload workflow

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/AWSExperimental.puml
!include AWSPuml/Groups/all.puml
!include AWSPuml/Compute/LambdaLambdaFunction.puml
!include AWSPuml/General/Documents.puml
!include AWSPuml/General/Multimedia.puml
!include AWSPuml/General/Tapestorage.puml
!include AWSPuml/General/User.puml
!include AWSPuml/MediaServices/ElementalMediaConvert.puml
!include AWSPuml/ArtificialIntelligence/Transcribe.puml
!include AWSPuml/Storage/SimpleStorageService.puml

$AWSGroupColoring(S3BucketGroup, $AWSColor(Storage))
!define S3BucketGroup(g_alias, g_label="Amazon S3 bucket") $AWSDefineGroup(g_alias, g_label, SimpleStorageService, S3BucketGroup)

' Groups are rectangles with a custom style using stereotype - need to hide
hide stereotype
skinparam linetype ortho
skinparam rectangle {
    BorderColor transparent
}

rectangle "$UserIMG()\nUser" as user
AWSCloudGroup(cloud) {
  RegionGroup(region, "Region (us-east-1)") {
    S3BucketGroup(s3) {
      rectangle "$MultimediaIMG()\nvideo\t" as video
      rectangle "\t $TapestorageIMG()\n\taudio\t" as audio
      rectangle "\t $DocumentsIMG()\n\t transcript\t" as transcript

      user -r-> video: <$Callout_1>\l//upload//
      video -r-> audio
      audio -r-> transcript
    }

    rectangle "$LambdaLambdaFunctionIMG()\nObjectCreated\nevent handler" as e1
    rectangle "$ElementalMediaConvertIMG()\nAWS Elemental\nMediaConvert" as mediaconvert
    rectangle "$TranscribeIMG()\nAmazon Transcribe\n" as transcribe
    
    video -d-> e1: <$Callout_2> 
    e1 -[hidden]r-> mediaconvert
    mediaconvert -[hidden]r-> transcribe
    mediaconvert -u-> audio: <$Callout_3> 
    transcribe -u-> transcript: <$Callout_4> 
    
    StepFunctionsWorkflowGroup(sfw) {
      rectangle "$LambdaLambdaFunctionIMG()\nextract audio" as sfw1
      rectangle "$LambdaLambdaFunctionIMG()\ntranscribe audio" as sfw2

      e1 -r-> sfw1: //Start//\n//Execution//
      sfw1 -r-> sfw2
      sfw1 -u-> mediaconvert
      sfw2 -u-> transcribe

    }
  }
}
@enduml

theme-testing / activity

examples/theme-testing/activity.puml

@startuml Activity

title Servlet Container

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml

(*) --> "ClickServlet.handleRequest()"
--> "new Page"
if "Page.onSecurityCheck" then
->[true] "Page.onInit()"
if "isForward?" then
->[no] "Process controls"
if "continue processing?" then
-->[yes] ===RENDERING===
else
-->[no] ===REDIRECT_CHECK===
endif
else
-->[yes] ===RENDERING===
endif
if "is Post?" then
-->[yes] "Page.onPost()"
--> "Page.onRender()" as render
--> ===REDIRECT_CHECK===
else
-->[no] "Page.onGet()"
--> render
endif
else
-->[false] ===REDIRECT_CHECK===
endif
if "Do redirect?" then
->[yes] "redirect request"
--> ==BEFORE_DESTROY===
else
if "Do Forward?" then
-left->[yes] "Forward request"
--> ==BEFORE_DESTROY===
else
-right->[no] "Render page template"
--> ==BEFORE_DESTROY===
endif
endif
--> "Page.onDestroy()"
-->(*)

@enduml

theme-testing / class

examples/theme-testing/class.puml

@startuml Class

title Class Diagram

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml

abstract abstract
abstract class "abstract class"
annotation annotation
circle circle
() circle_short_form
class class
class class_stereo <<stereotype>>
diamond diamond
<> diamond_short_form
entity entity
enum enum
exception exception
interface interface
metaclass metaclass
protocol protocol
stereotype stereotype
struct struct

@enduml

theme-testing / colors

examples/theme-testing/colors.puml

@startuml Colors
allowmixing

title Color Palette

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml

json Colors {
  "<color:$AWS_COLOR_GALAXY>Galaxy (#8C4FFF)" : ["Analytics", "Games", "Networking & Content Delivery", "Serverless"],
  "<color:$AWS_COLOR_NEBULA>Nebula (#C925D1)" : ["Customer Enablement", "Database", "Developer Tools", "Satellite"],
  "<color:$AWS_COLOR_COSMOS>Cosmos (#E7157B)" : ["Application Integration", "Management & Governance", "Multicloud & Hybrid"],
  "<color:$AWS_COLOR_MARS>Mars (#DD344C)" : ["Business Applications", "Customer Experience", "Front-End Web & Mobile", "Security, Identity & Compliance"],
  "<color:$AWS_COLOR_SMILE>Smile (#ED7100)" : ["Blockchain", "Compute", "Containers", "Media Services", "Quantum Technologies"],
  "<color:$AWS_COLOR_ENDOR>Endor (#7AA116)" : ["Cloud Financial Management", "Internet of Things", "Storage"],
  "<color:$AWS_COLOR_ORBIT>Orbit (#01A88D)" : ["Artificial Intelligence", "End User Computing", "Migration & Modernization"]
}
@enduml

theme-testing / deployment

examples/theme-testing/deployment.puml

@startuml Deployment

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml

actor actor
actor/ "actor/"
agent agent
artifact artifact
boundary boundary
card card
circle circle
cloud cloud
collections collections
component component
control control
database database
entity entity
file file
folder folder
frame frame
hexagon hexagon
interface interface
label label
node node
package package
queue queue
rectangle rectangle
stack stack
storage storage
usecase usecase
usecase/ "usecase/"

@enduml

theme-testing / network

examples/theme-testing/network.puml

@startnwdiag Network

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml

header some header

footer some footer

title My title

nwdiag {
  network inet {
    web01 [shape = cloud]
  }
}

legend
The legend
end legend

caption This is caption

@endnwdiag

theme-testing / port

examples/theme-testing/port.puml

@startuml Port

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml

[c]
component C {
  port p1
  component c1
}

c --> p1
p1 --> c1

@enduml

theme-testing / state

examples/theme-testing/state.puml

@startuml State

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml

state A {
  state entry1 <<entryPoint>>
  state X {    
  }
  state Y {
  }
}

state B {
  state Z {
  }
}

[*] --> entry1
X --> Z
Z --> Y

@enduml

theme-testing / swimlane

examples/theme-testing/swimlane.puml

@startuml Swimlane

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml

|Swimlane1|
start
:foo1;
|Swimlane2|
:foo2;
:foo3;
|Swimlane1|
:foo4;
|Swimlane2|
:foo5;
stop

@endpuml

theme-testing / usecase

examples/theme-testing/usecase.puml

@startuml Use Cases

title Use Cases

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v23.1/dist
!include AWSPuml/AWSCommon.puml

left to right direction
actor "Kevin" as kevin <<architect>>
package "Diagrams" {
  usecase "create presentation" as uc1
  usecase "write documentation" as uc2
  usecase "solution design" as uc3
}

kevin --> uc1
kevin --> uc2
kevin --> uc3

note bottom of kevin
     ❤️
  diagrams-as code
end note

@enduml