PlantUML Web Server

@startuml
hide stereotype
skinparam dpi 300
skinparam linetype polyline
skinparam linetype ortho
skinparam defaultFontSize        15
skinparam dpi                    300
skinparam shadowing              false
skinparam nodesep 20
skinparam ranksep 20
skinparam ArrowColor #778ca3
skinparam rectangle<<ReplicaSet>> {
    BorderColor #b2bec3
    RoundCorner 25
    BorderStyle dashed
    BorderThickness 2
    Alignment right
}

skinparam rectangle<<Service>> {
  BackgroundColor #a29bfe
  BorderColor #6c5ce7
}

skinparam rectangle<<Pod100>> {
  BackgroundColor #55efc4
  BorderColor #00b894
}

skinparam rectangle<<Pod101>> {
  BackgroundColor #74b9ff
  BorderColor #0984e3
}

skinparam rectangle<<DisabledPod>> {
  BackgroundColor #fab1a0
  BorderColor #e17055
}

rectangle "Service" as service <<Service>>

service -right-> replicaset_100
service -right-> replicaset_101

together {
  rectangle "Replicaset" as replicaset_101 <<ReplicaSet>> {
    rectangle "1.0.1 <color:green><&check></color>" as replica_101_01 <<Pod101>>
    rectangle "1.0.1 <color:green><&check></color>" as replica_101_02 <<Pod101>>
  }

rectangle "Replicaset" as replicaset_100 <<ReplicaSet>> {
    rectangle "1.0.0 <color:red><&x></color>" as replica_100_01 <<DisabledPod>>
    rectangle "1.0.0 <color:red><&x></color>" as replica_100_02 <<DisabledPod>>
    rectangle "1.0.0 <color:green><&check></color>" as replica_100_03 <<Pod100>>
    rectangle "1.0.0 <color:green><&check></color>" as replica_100_04 <<Pod100>>
    rectangle "1.0.0 <color:green><&check></color>" as replica_100_05 <<Pod100>>

replica_100_01 -[hidden]right- replica_100_02
    replica_100_02 -[hidden]right- replica_100_03
    replica_100_03 -[hidden]right- replica_100_04
    replica_100_04 -[hidden]right- replica_100_05
  }
}

replicaset_101 -[hidden]up- replicaset_100
@enduml

🎉 Discover the future PlantUML Web Editor! 🚀 PNG SVG ASCII Art