github-mirrors
/
C4-PlantUML
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add extended branch (it will contain all open PRs and other changes)

Browse Source
pull/140/head
KIRCHSTH 5 years ago
parent 0129f67cfe
commit 4dfa85b0a6
20 changed files with 61 additions and 52 deletions
Show Stats Download Patch File Download Diff File

10
.vscode/C4.code-snippets vendored
Unescape Escape View File

@ -3,7 +3,7 @@
"scope": "plantuml",
"prefix": "Include C4 Context Diagram",
"body": [
"!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Context.puml"
"!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Context.puml"
],
"description": "Include C4 Context Diagram"
},
@ -11,7 +11,7 @@
"scope": "plantuml",
"prefix": "Include C4 Container Diagram",
"body": [
"!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml"
"!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml"
],
"description": "Include C4 Container Diagram"
},
@ -19,7 +19,7 @@
"scope": "plantuml",
"prefix": "Include C4 Component Diagram",
"body": [
"!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml"
"!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Component.puml"
],
"description": "Include C4 Component Diagram"
},
@ -27,7 +27,7 @@
"scope": "plantuml",
"prefix": "Include C4 Deployment Diagram",
"body": [
"!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Deployment.puml"
"!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Deployment.puml"
],
"description": "Include C4 Deployment Diagram"
},
@ -35,7 +35,7 @@
"scope": "plantuml",
"prefix": "Include C4 Dynamic Diagram",
"body": [
"!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Dynamic.puml"
"!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Dynamic.puml"
],
"description": "Include C4 Dynamic Diagram"
},

2
C4_Component.puml
Unescape Escape View File

@ -1,4 +1,4 @@
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml
' uncomment the following line and comment the first to use locally
' !include C4_Container.puml

2
C4_Container.puml
Unescape Escape View File

@ -1,4 +1,4 @@
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Context.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Context.puml
' uncomment the following line and comment the first to use locally
' !include C4_Context.puml

2
C4_Context.puml
Unescape Escape View File

@ -1,4 +1,4 @@
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4.puml
' uncomment the following line and comment the first to use locally
' !include C4.puml

2
C4_Deployment.puml
Unescape Escape View File

@ -1,4 +1,4 @@
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml
' uncomment the following line and comment the first to use locally
' !include C4_Container.puml

2
C4_Dynamic.puml
Unescape Escape View File

@ -1,4 +1,4 @@
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Component.puml
' uncomment the following line and comment the first to use locally
' !include C4_Component.puml

20
LayoutOptions.md
Unescape Escape View File

@ -12,7 +12,7 @@ With the two macros `LAYOUT_TOP_DOWN()` and `LAYOUT_LEFT_RIGHT()` it is possible
```csharp
@startuml LAYOUT_TOP_DOWN Sample
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml
/' Not needed because this is the default '/
LAYOUT_TOP_DOWN()
@ -28,14 +28,14 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![LAYOUT_TOP_DOWN Sample](https://www.plantuml.com/plantuml/png/NP1DJyCm38Rl-HLc7DP9ezKG9quh0y5X7nNhc3XLQUknI6aI9IxLXFZlkDhO454aI_Rhruyz3IGzjOs6UVg-skH5ligAnzLs2MlPE8tYIfbAjpN2diY5-oJniei_5EtRiWteAsi83SMLRH9PUoNDfsvTcypkRZ8j3MqMyqHBma2SAcQibigWZnsF528Pmj8I6CGQQoYnakm9j5S1-DCUeSQTR3N1C17_0AEH41dwO4qawqQPCGpIFgf0NfBrWv5O7m9XKppOrjJI7w9gCeRXSQ_X2Bu4y3iZHHsMXNIEVRPOGkgSLfKaPSs0KxFhCQJhB5u-vTpY4MxZ2IpUPdqjrTfs0VfpCBG5leMJB6aONF4io3j5X1v8DQXvLc2sxnDTHCSY-vnaN1Ilg7-tkc1j0dToVCdpRCsgNdIkNcoUaHYZmpxil6t-japHr7pv7m00 "LAYOUT_TOP_DOWN Sample")
![LAYOUT_TOP_DOWN Sample](http://www.plantuml.com/plantuml/png/NP1F3vD04CNl-od6Ue0c5LBZoPE8HW_zGuJQU28BJ6NZ_jdi3i76-DqTqjeQkRomxysRt-wxI3BGP3JiYc_7KzCsnwhzS3mVe9R6QnGlbEtrD22CH3w-pVCWv-oxed7gfeYXTvRGKjOxa_zGeHyZZNdvvbMbfQNJVfVZJ_O77FYmBJaibSMGUTueH9x0mH5OH0v0XxtaIg1HHL2H5M70YvmqGPAB__ZIjH0LXkXiAWUZx0PMnQ8gKf3amcejwciaDErxDzb1XclQRpUGtAwLhE6N0FuUIEcCNIkzvvupTb1uhrKlIJcxugFovGQAkieE7niU2GYliotilvQBLsZjvWYC7XZQ0J-5bnmn3Avu5pIp8i80f0ngtXMPxVUTBgMRoJtt69lY2-g_jtfYdI9Fidvkcghcr19wkC-QJqYHVt6HIt3cdv4_ "LAYOUT_TOP_DOWN Sample")
Using `LAYOUT_LEFT_RIGHT()`
```csharp
@startuml LAYOUT_LEFT_RIGHT Sample
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml
LAYOUT_LEFT_RIGHT()
@ -50,7 +50,7 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![LAYOUT_LEFT_RIGHT Sample](https://www.plantuml.com/plantuml/png/PL1DIyD05BplhrZheIdKX8edJusXjaAhfKaLJs6RFEt2Vh7xrb34_-uBhLPmBmDlvhsPsMb0uJ5gnPVvwzEsgfUp-whUFCmN5I-5TWhOXJIDYYtmFQ8BjrdcHPU-Izp7NGpW6siG3AQDrPbelHJcGqKNi-BcQgs4mUrgcIc14916TK5g8Gtur94fO_zSan5ZQ_31caIqMfen7-Gzoe1UeFM34IiF0K7NTpQQLlX3qap6V7WCEnpnJyRf_Vea7UnguHpTUO4TpvrJiX4ehHdGgBWSyxnSfu-pYbOyyEjqmbVFHS_bIjakyBvZu6Wv5NI293egbEJ5gquYWkSeDIZo2fJjwvGkmID9Tquo8ja6r4-hSwnje4t2HLMjIrBreb_sV6OEI34wwE7DM_rtPGgcfU_y1W00 "LAYOUT_LEFT_RIGHT Sample")
![LAYOUT_LEFT_RIGHT Sample](http://www.plantuml.com/plantuml/png/PL1DhzCm4BpxLopbq5GgYOeuSMg8IelKGjIa84wHcop4mX-MlL6e4F_zRTI-zadFbvLtPdTcTXr91XgCXdt-yzkfRlQRptLp_BBTrL19upMADygsUkWGUY8VFsPPa6FwMr4_d8U8eNMMq5BQEfFzKQ7j8_LPyU5TgQMbqs6VuL_6E-ousHHCbifYI3rh2l5AD5a8KMA8pYQoCyekOPPFLKKAaboOBKHrYOIc-UG6sybmIThL4kPNh_C5_1F0xwwJZ7XkfFUyvmUU8VTUgrQISdR6hUBj4lAgJBzkQXu92E_J5Ho-5nEMQ-t625F42EI0ytd953DeKgm5zQY8C00fWvgr8dlxVtENq1NaFJSQW-A8-ZdLmzOfyYJNNLsN5RCcqXrzhDaYHVxYL7u5PrwEhFc-VCud "LAYOUT_LEFT_RIGHT Sample")
## LAYOUT_WITH_LEGEND()
@ -63,7 +63,7 @@ This can be enabled with `LAYOUT_WITH_LEGEND()`.
```csharp
@startuml LAYOUT_WITH_LEGEND Sample
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml
LAYOUT_WITH_LEGEND()
@ -78,7 +78,7 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![LAYOUT_WITH_LEGEND Sample](https://www.plantuml.com/plantuml/png/PL1DJy905BplhrZnG4cm3SQJ9sebO0BOs2Bnr2pjKpRPh-o-sX3ZV_Sr89YubqdUp7ipizE0mcEh5L-cRy-Rije-bOjgEPlFre-y4DefO5VIrAfjWEyHNRXF4Y-w-4FYljsr0Nnj3OB1kBOw4OsNmdogrhL9TdUJAs5mirecIY04f56LaLf80pvsvChOVzjen5WEFbWJYKPBC-Q3j4SPq0kqVZ1YnI4WwEh1jgOH_X3Lap4V7jCEH_oBSNfdewY3NIMSepjRsF7KEILhWTAQ0Osowp5FYpnUpqfQyS1lumbVlMOzbofbky3xae6ZvTJG2PBeLg4aBrvs4X4yHwb1aLUWRD-dT14UIRfpaX79Na3zjhh4sWJQ95oKPLwGgXUTsSkPEI35wA27Ts_rtvKfc8R-ymS0 "LAYOUT_WITH_LEGEND Sample")
![LAYOUT_WITH_LEGEND Sample](http://www.plantuml.com/plantuml/png/PL1Fxz904BtlfnZnG4cm3SQJ9sebO0BOs2Bnr2pjQ3VkdytkD9KOlxlJW63osyjavxsPzzwi8yb0Wz6mpxzzFjND-LEzQ_QRxURu4Iffl4RnIjbM3nr2J-JZ-omBSan_AEg7on0njCuIMafRPxAVAhHzf3uhthqfjRHqEkmp_CLuXnqtcuB9KbaCgMTH8Lwg9WiXIWpHsKHsHjabpFAfgaX1aWkpXQYkaT0q7znWEnckIRjQmlncThw0tmBuFOII4I-Dz9xtdF42kVTQjPAKipDk5Q-Na5TbUjpKF18GtgOhE7mj9YpNseqHfemHo047z98fPj2aM0lgKH5X0586DMj5zlRdxYwX6yXxxZG6nHVK_r8zRPqYJtBTrNLPCMiYFT3dcYrIv2zEvNjmvl-HDH-Ox_aN "LAYOUT_WITH_LEGEND Sample")
## LAYOUT_AS_SKETCH()
@ -97,7 +97,7 @@ With `LAYOUT_AS_SKETCH()` you can make a difference.
```csharp
@startuml LAYOUT_AS_SKETCH Sample
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml
LAYOUT_AS_SKETCH()
@ -112,7 +112,7 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![LAYOUT_AS_SKETCH Sample](https://www.plantuml.com/plantuml/png/NL1DIyD05BplhrZheIdKX8edJusXMB3LO5B5KzWcJxkmN-o-DHJnl_j2QolkPU3Dl3SpEmyeF4Qj-2f_UzhKJLurrSEYBfQy4jefO1VIj2fsm7U8BjnccHTz-Y5n5xSnW6-jGJ2OjbPdelDIc4yLNSoAcwjI2OERzIfJ0Y4WZPg2r48QyAaZJyR-coOJnahmmPf4T5gQAH_b0yg0Ng3remchzW51DtSscaxuVTBEfdnyo3gUy2_6wPriaXwsZN2Exhp2bkVEATaAbDQCQ5HSJdbUbUdZegOL3_mwdV7rIp5mkLAs3toe63XQJlsS88cE2YLvyRgNYE0vIWsAl09b-pwcI_10qfsZZ4Zs3EgtrJdM9j0cuRAkoufKW-Z4di_S0rAC7WPuzrR_NPc3wUWtVm00 "LAYOUT_AS_SKETCH Sample")
![LAYOUT_AS_SKETCH Sample](http://www.plantuml.com/plantuml/png/NL1DQzj04BtlhvYw1ylWIhZqr9DLOMgetOfARib9hAL9j6G_bjqHYWdvxnbXnmxPox3ptinxRzQHPA31QDZbTtyETPDNJVLhKnTRgAJn6iKdPLizT0WzaO_Viop8CNrGr0_78M9edIMqbBREP8ygj7saFYk-VIcrj7JOxp9yOhp3ZfjDmMIfB8RKiwGG7pMJXH0bXkXi8ZkZx19c-LHLf239XTb2LAT8Q9eVRh2T3AUaNIrXVhOwNy2p07vNcMJ4OoEzvpt_yGYvzrgrafIpCsuLdvUGLsNwUrFpI43ucgvW_w-Oi5nhDqQO4aOW1npFIwQOGPDYBQX7HOG1I1dKh1NPsyl5NK9daFTSQ0oAlwZVKjri7I9FSjtMTLanQo9TqTkQdqYHlpYL--3C-v4rdvUl-Ge0 "LAYOUT_AS_SKETCH Sample")
## HIDE_STEREOTYPE()
@ -122,7 +122,7 @@ This can be enabled with `HIDE_STEREOTYPE()`.
```csharp
@startuml HIDE_STEREOTYPE Sample
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml
HIDE_STEREOTYPE()
@ -137,6 +137,6 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![HIDE_STEREOTYPE Sample](https://www.plantuml.com/plantuml/png/NL1DIyD05BplhrZheIdKX8edJuqrMC5gQ5B5KzWcJxkmN-o-DHJnl_j2gnNtCl1ctfkPdGSK7gDMV7b_MpHLNQoBf_grB7Wbj5F0pgHfLUo0xn1TkCuoB_hqNU8kRcC0trg3O31jhSv4vwKm7ogwc2skBaeb36vM3vaI205fr2n8BQG1dpgoPEoVPp9Xh0GVh4b4fwMPyb4-e0pe1Le_ch1g7n1qSsEZwOJV9-rioiU7gEC9_sIStgzBqiEs4SxHdHVOyjmv9Lk1qfeHZHRdKvvNPVfOrBJYWL-cCxvwNWnShfJj0nyQ1ewMKpqdIAAZGabUlEub8dYEKeCYhq3Plexf4ZoGTESe8vAjGVsqEiNQ1DeaNDPrMP5g4FsofpDtW1IZXm7UlDL_L-PWElhCRm00 "HIDE_STEREOTYPE Sample")
![HIDE_STEREOTYPE Sample](http://www.plantuml.com/plantuml/png/NL1DJ-j03Bplh_3hEpIL-XBrYHEdXX1H90fHau8uHTl4a1NxiTfr52h4VsUZbXPnikmPpuozzCGTzKh2wlOwhyigt-GFrNEHGycLbSZ-2Dt8laNeYAo_J1B7X_XLKDVlUe-kCPfGKzmObRm9rtIUkYIx-5T8hccxlalmFU0jjc5OPu7CXKONs-38s2_BQCPOWSuR7V5M2Js7IJfMuSbnCcuoO-NU4whwolIwvMuVDOivJ0z9fpFuO0009vTem5tDhGqwJxY3r5ef6ax2w4aOPN_da9P5V9zNOSKX_8yNi7xCHYoLqWmUnWCza876ACi3HVMIX9K8rI28q049XL9ez27Rvp5TH0Smw1nf0MGRbDzNdMDjFVhHRrLLHHbO8-c4dcLka7neSImlpgYVAylmtV6PNm00 "HIDE_STEREOTYPE Sample")

37
README.md
Unescape Escape View File

@ -1,3 +1,12 @@
# Extended C4-PlantUML
This branch is basically https://github.com/plantuml-stdlib/C4-PlantUML/tree/master
extended with my open PRs.
**Old master branch**
The [old master branch](https://github.com/kirchsth/C4-PlantUML/blob/master/README.md) is still working. But it will not be updated anymore.
# C4-PlantUML
![Container diagram for Internet Banking System](https://www.plantuml.com/plantuml/png/bLLDZzis4BtxLqoTGnr0kqQ0ddgArpQwcwntrSZRJK_2Y1hRH2XI82axHj7_tg6i3yiEajGdQJJpvl7D6_gzysXzLQZHBr8BLUK4E-zBz_jqQl5mkvL-LsML8okCzgJzhJ3557ChKUzLLLRJ-MytiKBjNrQFKuMUdETGEkTib9hiRHcmVuLASs710E1t11kZb3b8lGN5IO0wXy5dQHq_6U36e8n0fOwCqJ6yRi1V7sT_Fx-iq_Lpd2wUNvycR_lOB4cJZylr_9w3JUZrONsVFYx_M3ujE3ZoqYl6RK4XbxYrM31H2mzySAl9mntgBu5pSdIUYj4e9kkCdeZAULEGZM3UFOrdq8R1REf3PLmTmO45XR8kH5N708KmbVPkp3nEqEaT1tAqnubunrYN1CPluPyHyA_ZEpbGbc9PSl8hPJ0hIoK5Ucdqc4CVS8yH9AKDv5T_pKDiGKhkcKPDZJtWfO1cnFKuGhZhcxK7ZsTCSjZPbOmzJlYpefiOjnIwjrqJOMNf8vZfRQNGXd1ipLxcv827-kqk6_PAe8vA-cDmWQXg8Hti9OOIQO7F2var1pRc5QF2P59H8yUgVcavpTz4y1aBP2M6NDY7XVIKWwionroQcVqCDtT5xaG0SjfBGPVq5jaaHuyPEWfZQ1u3c-JFHnYyUsEPMrW-iBILpblarY0rkxAefnl1ZfDpm8fT9IpbF3w9oaN1LEGSBy-MNyYBsokPCXHVIEUiamn-ZH--RPk5uJJRrmrq-u4-GH86vjR_TjPUVlKJAb2grDK1XblUhFYzMQk0lsRfPGtDExAImXfdDXwMNyKEDJliLCcmPvWDWnwLCVM6TvWkzlPCsc31PjA20zqfpXG6p4pb-p57tRf6mFFG3klpzYAFFf4wknBwnNnnv4Bl-_KwJZXnc7TQe-_d38nTfvxQfKyajxlCd5q39xXsoHkaEZWSUziGtL6B23uapq_Jy-RdBVzNPNh7sJsntl93b4-4kOEDDKLzwnmiBo7VIIOWDy2Bktbxpe1vfiU5ZHA6TK0t8LfZz4Gk73VaCAohNBXXk_R9QXqtGDrX1kLNlck52VNJHftF_EVOYlEUI_alwpy0 "Container diagram for Internet Banking System")
@ -32,7 +41,7 @@ Just remember to change the `!include` statements at the top of the files.
If you want to use the always up-to-date version in this repo, use the following:
```c#
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml
```
Now let's create a C4 Container diagram:
@ -41,7 +50,7 @@ After you have included `C4_Container.puml` you can use the defined macro defini
```csharp
@startuml C4_Elements
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml
Person(personAlias, "Label", "Optional Description")
Container(containerAlias, "Label", "Technology", "Optional Description")
@ -51,7 +60,7 @@ Rel(personAlias, containerAlias, "Label", "Optional Technology")
@enduml
```
![test](https://www.plantuml.com/plantuml/png/ZOz1Yy9038NlyojgJnNSpiNJdbpqwAAuUfOu3NOWpGoJZEA_trfGLaJPqti9oPUNcIWapHsPaMT7kS6YLOtoQMs2SttqskP35amki29hxK9deKaU-4GvPZkVVgm9M7VVIqkWADgtzlD-6ZnZgkELRTQO970L1_aY3p8foYKSaChUhABwm4350iKbFrJbsDmXbRkvfzKjkfO3XUFb3UZd8efT9OFyzxhP83q6VftYZlWJPsnco4t__Iy0 "test")
![test](http://www.plantuml.com/plantuml/png/ZOxDIWGn48JlUOeufn5qSjcJfvNHsugBFsV99iqcsEc4T0VTjpSCE2AYUAeAgVwgjYosIakevytBBK824bPdaHms3pg85BuofjgtwHWbj4DZg2wJzDpaSZAliRh04ioykToZ9Nc-snbux_yUlEdGkOTj9AXJwJLAxQ5ofh4iSetHyeKUTlO0E7HpNoHcigXlW5sDosiuLojaT9_kn-aJk40Py_7q1-Znn09fv4N-swuU0ByFNbVyZlYQqmbR8DyIVW00 "test")
In addition to this, it is also possible to define a system or component boundary.
@ -59,7 +68,7 @@ Take a look a look at the following sample of a C4 Container Diagram:
```csharp
@startuml Basic Sample
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml
Person(admin, "Administrator")
System_Boundary(c1, "Sample System") {
@ -72,13 +81,13 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![Basic Sample](https://www.plantuml.com/plantuml/png/JP1FIyD04CNl-HHZlAHG4ogUF3KDeWShmQHwBDDaj0lxZzs9eOZVtGcjhNiPcFURUMzs6Ha33qR32gFge47ZDILNodPww0dsp3xU5qN0CVzKl1zsGwJGESjaEU-SAR0F2ksN7lnGL7StjKRBc_LpeP4fihIsbT2eB8NSYr6Ir1IYindsHjavfELKLUI0x48wIvf3P3BRbHjiZ-6GTGk1ZhdWgAKp-4v0tdbpDj9kYzuB-KuxABtNgaDMpgRIggxdK3Pr_lBGoaWWkCqNi7wh9gtKseqHfgiYi0CvoQCWPj2i9ijsLCmKW9KXBLvH8lwSGcPy56NF2HCnUINzTzmbrYRAfDIdjgqReIReh5xMF19BZ96cyX6S-J-o9DlB1_u2 "Basic Sample")
![Basic Sample](http://www.plantuml.com/plantuml/png/JP3FJkD03CRlUGflzf9AtKHTxMbFJIC41ueYaiAncauC6J5_HZEEGeLuTpngQPcBDVv-jZzx7Ka4ceo6ZOXAGYUCrvZzKbRgQK0OYNpyNrL1pEMhed4wJ163T9RGKYcTgTvKa6EaiMh-_McriBJRtbVuplg00oVt3SD2MGobvpbPrcA8pXPYCCek8QzJL96281VoHTOT8w7PRzna1n6EXLmnTB859orVm4S6_2wTYnaFU-4zayzuWDfxhQGWvMpEgURt4kgkBHzkUYu927_B5MoVcgJLMhivGbeg0ZdWZRnWn4oQL1hPpue80v0og7bMP8kVPvC5dKJkSyPOp1vHVoztjRMBNCdnhk_RZga4NTHhcrkao5zCuIKuyxDapHTD1_m2 "Basic Sample")
Entities can also be decorated with icons using the last parameter, for example:
```cs
@startuml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml
!define DEVICONS https://raw.githubusercontent.com/tupadr3/plantuml-icon-font-sprites/master/devicons
!define FONTAWESOME https://raw.githubusercontent.com/tupadr3/plantuml-icon-font-sprites/master/font-awesome-5
@ -100,7 +109,7 @@ Rel_R(api, db, "Reads/Writes")
@enduml
```
![test](https://www.plantuml.com/plantuml/png/hL9DZzCm4BtdLtXxeIjjwmDmuRHLMzXA_Q8VL9ogQJnfZHmxUEnM_7l6QRORM90uS8erx-NDl9dtI05yYAN9xhJDJLGeJY5Kz45A3vV-KOTJF4H2dpiRq8P-xae9ockmPnEhA8VlUai3DcndKsaW80KkxOVC1ctHzwka_KP4op-MB2322KNXZ74NRO_2C4c0LU8NM7lYbnFSM1YNWp4_MECsuUi6sPt28acDnbycmyLy_GykGgpOo5jPfV5PfASPxHNCw57bDLkH9L10BnMU4qQtBXyNyyrWDrulPkF_sgYkmGN9bTXx_tAIPrSIx34QQ4o_Xh_16Vw6bVJTx7coC_x-UykDJBDJizFfuEjYkzdl9fkd_NJyQJmVTU-pRCa4Pxk9-20wmqY1X_KTVY_HLGRvWX24HLIYyax5F502Q-7EVNOxN9SguFfwEKXmOomzDvo0aYb2ymfz0NaZcPAHD-sk6B2skF3Esmhj5b1fHWRBIIAavQJl4yVD80bEbU1RCP68KtRK-OtLqXWTkkh0zH44E01XuinqxXsv8eZrvsajwOoYPxiFmdd58wPKQtjscWreMpXVGj3E9dxh5jmhMw5fzddToPQmtbaTBIOal4QkVlu0xrTNh_MeAmH5SbSdY-57j8hl-HC0 "test")
![test](http://www.plantuml.com/plantuml/png/hL9DZzem4BtdLtWviTA23sqlFIq2saNYW_9Hr1CQue6uTUpKCu7-_8v3Yb0_f1xsP6VUotlpPlnC397hqcKFrkUkDgWAvehUQntXqZzPBkf3JHZpu1azz_DGwcysvWLneOTlUqi7dhUpgSOVWXiqKjmFXGpMO-nNIJfxC7YKJpKQVvuC5_FrVtXmNO69RtILz4MaPmNj7ONHeofQHj8b46FK1iy9evlBXyLyCzYDrulP-5MDcXfSa4A9lNUtWTrIQV2dsa4R-a_uAvpXNrX9tzsUC9xnzz_lqkZKExKpdGw-BBQR_MwoUTbFnn_7yr7tCSkMGWY-cuXFgZEiYQNPs97x4aFbK741h3oYKLKCfiwP4jW8Tnwps-AwL87Kryj1WjjWwRefK9L2KTOpnYFahIHBFM_jhXY8jhh8pEyLxYsWie8CbfD4ICD9vmjuuv0KEATaLq8aKYwSR7vZtMcC3brpaFe860v0c3WpcyT0uSXg_MdQI0Pdw5VS9nMYaHR5Hjey1vkZdCSGIs0RVEBVxKAyiXMwTfxNcMm9AT6QfoM4X3U8vFaxl5zTipQjhX0CwLtpiWH-Hc_IFdy2 "test")
## Supported Diagram Types
@ -108,7 +117,7 @@ Rel_R(api, db, "Reads/Writes")
Diagram types
* System Context & System Landscape diagrams
* Import: `!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Context.puml`
* Import: `!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Context.puml`
* Macros:
* `Person(alias, label, ?description, ?sprite)`
* `Person_Ext`
@ -118,7 +127,7 @@ Diagram types
* `Enterprise_Boundary(alias, label)`
* `System_Boundary`
* Container diagram
* Import: `!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml`
* Import: `!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml`
* Additional Macros:
* `Container(alias, label, technology, ?description, ?sprite)`
* `ContainerDb`
@ -128,7 +137,7 @@ Diagram types
* `ContainerQueue_Ext`
* `Container_Boundary(alias, label)`
* Component diagram
* Import: `!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml`
* Import: `!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Component.puml`
* Additional Macros:
* `Component(alias, label, technology, ?description, ?sprite)`
* `ComponentDb`
@ -137,13 +146,13 @@ Diagram types
* `ComponentDb_Ext`
* `ComponentQueue_Ext`
* Dynamic diagram
* Import: `!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Dynamic.puml`
* Import: `!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Dynamic.puml`
* Additional Macros:
* `RelIndex(index, from, to, label)`
* `increment()`
* `setIndex(number)`
* Deployment diagram
* Import: `!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Deployment.puml`
* Import: `!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Deployment.puml`
* Additional Macros:
* `Deployment_Node(alias, label, ?type)`
@ -193,14 +202,14 @@ The core diagram samples from [c4model.com](https://c4model.com/#coreDiagrams) a
Source: [C4_Container Diagram Sample - techtribesjs.puml](samples/C4_Container%20Diagram%20Sample%20-%20techtribesjs.puml)
![techtribesjs](https://www.plantuml.com/plantuml/png/ZLLDSziu3BthLs1zgJAZjTkatSpigKwS9csTZqRoPdhIK19iiwL8BKd5yNJwtmjIiYp5tSdwO54W2Bm7F53lZMNQrgM0aSLyRJNFq7mpe-0FBdDH5mXhQolpzsIYsMQyudPTPxL1dIjfKTfnhie9ApHdyb7KLJqvV_lddM3IBgxd4y4i6akcz9oy6PUennMb2bv1BUbWIG70hX6MIWYruN85Wfo0oG86srmRMYcWn21KpeJOKemEuM62O3xzUhj8qkJsBftTFjo4Hy6hrZIDq_ZpHN9-HRRMzF0nkKhd5vSNDpCo1i4TQgDaUl5aGoQLt9QgDgaZ7S5ekZF0WWoZezOvPAkLnXKHBZhFplBSjIYvvCPgPZcbsRaFhBiZGRmr5ilqJDMoO7eRvc-YVgV6rAgZ7m7Gp_zrTGWtcAMigiZx0JEOLfNWkGyz8jCdziWYY2ljQdxzpta4YIff6qx7Jsv_wlfXNBsrSOL_vBY12bKbC88cSmIj12B0HtgGuPlAw1zjFeQbLgNldMyNEC0H59pqGs-klnyJC9XRvKaEaC-oKAD8YunmtAFmcEdGZ5cMCOCEtlKs_ZA7T-Dt3TgOmg0vmEUVK6AP4Oirfr9Gyk_cETwC5IldVidjLPs1nagrB0wWXKikqFYEKDeFz09DVnoA3zFavBW7no3J-HguBF09pUzeIcN-5NJWHZawZY3uivwYaYirEuFZyV60f2_iVHnFffOMIyJ2G9W9jGA2RSsHBwxT8Dh3b65T5QH7fxP5izff0KwTbr54Y9GowXoeg5fvqb4RT5YdTbIz3e1Koy3aQongGQAdPd67uMSdOZTGTiDj0o5fLkJHssuk6DfjiWmt7Kq2C3fpJySk87qSZEXU-3H3nd6vIfAxcFozz_CvVS7zTxFwtqVycMwx9sDMjArp1TjexafhbU_hb_daq-oCHh1IsiB9oUk_sjnTd87gzh6Uk-tarFFe2Md3DRfkMfKhqIOxFdtzvhI5dIxsydW1UE6K-WBwVhW1_eUE_87V8O73SlrVElkeUyLTadvtWgQvN2fTDfVjVcQwilL5q8NQgzEv3Y9aghPGrHdTiZGGz57oyy5fQ3c-47KdQnzqDqorSLSp3Re7rnlsVYZ7TSwswNrtO-vBJLllKHRqDVm5 "techtribesjs")
![techtribesjs](http://www.plantuml.com/plantuml/png/ZLHDR-Cs4BthLqnzMGTGxTsasm0zhHEdoMwTZqPoWvu4IXpBt52aIb9nZAB_lKDAaQsuWEk39Syy3j-RUUClrZ7Zcah2o66nTaRaQB_RKVI3K8LiECBQkTh-CfqQjfcKmgsRlB5e2gqSAZSfT3Lz5gPOMxUUNlxquuDaoYrl5rDyfJn7Ji7iai1CA3IJccwAFa2Zw5n5vy6j4LPQIhqHgWH9862Amo0jZAKt3NGlI5qmARTKeoTuU46qcFrvlqopzFuXczy_tOrFeWzTQ9PaoMzNwUKDnRhGqzVq9bjSNL_TpIaOHGzeh5RPrQiRCwNLjjADpRpc64Qpjm0iAJ0wwS1ZLfO6I-QGzyW-yXxAAw64TOOveLKF7qJVZaJ9rZgiiWlTACxCTbnyYlS7DQ59dVmT0Nt2Lz-7yGRpZDKrePymXrbTIr64qYCAVMClB8QaDhxdjtzSnf3gYj9mFddr-PcVXmLFpVh6lmZSG8swbXX3UtCCdGDYm1TwKE2xpkaRNJ61bT4LpQuR5tZ2CN11zc4opFTh2XOBfxt88VDvFZOeCvuJZqUKWJCTcZF7ScRHqxlT9hyluFFaSyiseJ9e3_Y59rHOvQHYBMgACFbit_FD6Iyz_5gucoO7WxNkL1nG6w-4H1icGjV-IZ-WdS_8_vobPwTxT2mosWeGYkChsl-IgRJzIzA1EqroWa08PuD4hKezlu3JoUb0P6ZiOv9CPuvULeZSmZYNkWIYxUn9QAxR83fxIB-fENF1RSlsxSqBSEvHLalqJXdr00krqK5qt1KTzYdSrla0j086jbWZRoHoe649p-6VtiH-eTn6k9P2shuHOY_T_hzGjhrbcFGoBUKkw1dKHUIFWnNT6Pzso7ejDsdwa12UqCCzFGuVxkhH8-5CdzwpCUFTw7p3DaRurZhjZzBefz_c5xI2jJOEpiu-_ao51dLshXlKUWyBTXeYzeoq4GRzD9qkjEmkEpt_-EcyevqjUtiS8queTeJzeDo0_rCl_W0N11nfr_-LiwkwSzmrkjxG8DHAcogCTRSpVTlwYGvAxTn9q665N3SEwYQNee12SsptGpXj11wf6cpT5UsNgR52bNxH0xb-sOUblDO5ssQF_J_chjMK-eAADvNy5m00 "techtribesjs")
### Message Bus and Microservices
Source: [C4_Container Diagram Sample - message bus.puml](samples/C4_Container%20Diagram%20Sample%20-%20message%20bus.puml)
![messagebus](https://www.plantuml.com/plantuml/png/bLN1Sjem4BtxAxRqa6Gc2Msdfvv2W6dQaa0mcKnFdhKiG1DPqaWoAUdqtxkoZR49CqsvOArNxxrzkmjNpgFrHIwXbtFdSCNJmlMYTq8nMMGSrjuRzwNVj_XykH9-NT1hRfbMdYj_oNJUnymAL1jPcA8__7mnawZym-saBz5pvocK32aRXUBsqX1HT0A5eeiv0O1VSrXgAVMpK2kGb0IeCkYy5jRHamOY1gaPIhabZ4RXQuB8FGbbq68EpnRDeyZy6Zvz-D2Av_ZhjYet5Y-yV1bD1Z-d3ujaCPqbe-dZtUbPT5A71d4I_nWlXZSKgqEFtnOtoMJyTNmtec0KpRXrMfsomdcTStiEm-QfDu1Tk4UfyTPvdYVNkb0Pskqf-qWfkspuffRQvkY5Lhqp-1r5G9-clbCqffqzC4OALcLJ_3jkq34hZ3-7WLeL4cq83uA_hX7XWfavAYe-62mi6AkNGlAWhaktkv9GppU2yJPtN8LslESG6nkQUAsr3y45zSveGLtKIq36o6vgjMraW6YNUiXS3sD2uqPOTQ_WccQJZdDCK-5lxqiQYyePRNq9JkbqdPZuXkR7lSQrFEIIpbP9yrsiNTEyIBVXUsXv66HGGQiKZcUGeSUIhG43KrYZ7Jz2Y4KcV8ji4Cvjek7x_kNTU14UPrPlH4PasgvG2LTwS_5C8IXX0jCIcP3qU8HhbEuRbgNjNer8SOgkv9jQP9B3nqyid6AlBNTlQmhXx-qh2VREjHbkj_7zf0MEE_DUoBmD3I21bqCXvRvXZQcOmLgp__4siEoT3QT0FWuJi3_MMbhr0QQwyFMaq2QWXpLkw2UFbemhdX7VdoYQSzdQwch_7e8Q-hvPB6Pna4L9oRnQpYChys2oSeIEcGoX_bK0GxTLx1o-nzExVWTuScGDAnqnLvbh2j01vP6diMPFtDFjIjNhoztTga0QRKKfjWLwrh5WZz8TjThUiekY-Z4QNG_h4hhRV6m5toQY0tEuMF-6A36Ei1yCzK4f5VK1MtVowXirLtadck2Mp3_2ra6Yn2lIJVzQVm40 "messagebus")
![messagebus](http://www.plantuml.com/plantuml/png/bLHVRzis47_NfxXv3qs1D6wBFUsfZcsixPpOjHm4Un9EqjaYGf44IJbrXttt7MMRfLiDoF8GaSVZxyyTpn-SH-kxLiAe9UTmHsNdHjalGbMogmaQxutxVJos-7op4xxf-9XifPKdvMygtOwVXAqQvvlnzBStAudAFzmjnlILpskgELXCEHc58djZc2Tx1PtYUotV1zyGRBMK-bce7KXE0bGrN1mBwtYbWNb1wWgbF3165FWpGUQUX39eiOLdY-PHrBw1zs_V9l4MlzuTtURY6_M7sMBor_9XKsoMgsAsVBo_UfszEeKcUP7_ETzCFtBi57hyjFbOBEP_pEzd7Coo5LcdrLNLEQzRijSmZQlH1CxX4QVc1-UfBMvrfsgqXwlg7QUSi-6JschReXTQZLx3tra6_1VzNQ4nQVR462cgOpR7F-CUNMM5yTSmKRjEeWtXIQYlYo9SA6QBYis70WiBnkgjaCJgBkcYdSAHtOkAKkxy63hpNaDkR6ZYhTO-13SDWT52UT1RmAeYvu2zHHaWKgi_Cf_UOi6lZR5ElOBRpWNeDPQby7TVUXgBoXbjVG_EwK859jgJykvdN4iXbtKcbjRdMEfftPM7y9rQGayELD0gXQCQQlJOiqKmC9qrsj408NQry0dP9EnJekcluvlx-IOiLrRlHSraskvG2TVNviqpXw272KnRh8JavG3NhFpUiBfCUpL3ZoMwdczfiP84xzvNOPTxRSczh2cC7nq7WhHoASFT8V-oIC3nNBnlLCEUh6Fm_b586HlslQXOGwEh_rDRPaag6tQ1VBud5RTHI-8FiDITFxqKy0rwQ71F_CyOKbGptpzPjYQPJFLn_Xw26lv-t6nMEQU5f69z7Cw1aNamREu_YWp1_ow0eJkewXe-vylxyGNmOc0CZpfoKhMB1dH0UQGorzKJURxTgngudCnM18dQkbvi0jhZ3A2aJosMj--YEFuOpMwd9mkNqpmqWYyJSG4J1-l543t607iC3LavKV_0bhwyUEF4rT_95dWeraDi5qYS-85rTwty5m00 "messagebus")
## Background

14
samples/C4CoreDiagrams.md
Unescape Escape View File

@ -8,14 +8,14 @@ The following samples are reproductions with C4-PlantUML from [C4 model core dia
Source: [C4_Context Diagram Sample - bigbankplc.puml](C4_Context%20Diagram%20Sample%20-%20bigbankplc.puml)
![System Context diagram for Internet Banking System](https://www.plantuml.com/plantuml/png/VL9DRnen4BtlhvXoAP48N7hgAGbTjP4WHGKKzRIQzGvWuRMHFGxmxplx6MXeR-lnUs_UUzw7mEWvbYRvfAqoiI3OCH_2ryd4ut6yrRoBUGpabRDCbiVAbHCil4RxPk8XJgPVxXS6BQ_diub1fi0oogOL-iJZGwNy6Q8LMYbqu1t1nXdZZjfkmMXBWBQ0gsljWtmvaBLWd49ZpgBH-_jRFfaz_lwvNcMlpwiVsIpzdhvy6zub2Mis1CjpO2gX9K2XSUkn50iUdcNaBJ4yeTrNRXfiaYp81sU7AWPs9VaH39e9cXuwRUy6Sla87HBSfawG2se4H-aE3XspcW4gvQBbC1xS9SssOTuePg4-Yjm_RDMRgjv2lovK9RrfEeAs4gX4riu2vYxMHMf_lNHKDrtYdk20vwhksaTh94jFF2nHctSdwNrrXj3lNqasNTkJG7Ejl0jkmv2Ur0xjbe0k2UyPEscxaUf9TERTzusCItQU0iYZTsqg6K1RqusaVHkZYwJiqGPK5KnEnAfE-elCnQj-Q7uTA0XCKDaJglq5zBgN9TaYj66hDsWvBwItkzpv3q_w7tQTUBvQD1Atc7rfhRi7eSjV_mS0 "System Context diagram for Internet Banking System")
![System Context diagram for Internet Banking System](http://www.plantuml.com/plantuml/png/VL7DZjfC4BpxAVhZyh4I2vUSSjfTWfALO8C2ACh9QiOD7Z4_QBeTuEtJDiQ1iCdDqrrLNLL-Oi4abNVPVpOOLnK4fSYUFuv62G_3hPMoMbTCoSGW56HeeX_jR38bIpaQVtYSEmoocar7TDHzGOKEyx62zJtSryB_GnMKvPKDKX9iedFnOCCMd0q460guMTl4-XL1huAB1fqxgKPdxq_vRFhyu-jgcNz_NNx9fvFFaxTF_OSi4okEO75Y8Gyj0GgBsuHUBIHurL4A9F22OQTkMcoMpIbn37rJiKHFQG2zymHT1nstkvukd-62XBXf4gmLDO23LWVxbjdC08s9LH0UzXwoyxN--goOS_DKkR_OQYxLlN5tZkkIVbewW0qQoAFO603NiMgAjEdswA1fskEEO8ydJwsFraW-EKhVetM_dKmUwpTmTt-fsMnZJmFDh4cHuqPWSZGbXYq1NHEwZ9rqs6Zrf3gpo_Sx6HSI4p6WSvSsZGwWhUcTf5qRWwkaaZ0mcXgcBnBJ9Fr6xkgltZM_OcA5AIf_GRExWjxsig1GS1kMGMBBUIExBTSntVtIVx2RnBFb_2nnp-nAwzmzARtoxXS0 "System Context diagram for Internet Banking System")
### Container Diagram
Source: [C4_Container Diagram Sample - bigbankplc.puml](C4_Container%20Diagram%20Sample%20-%20bigbankplc.puml)
![Container diagram for Internet Banking System](https://www.plantuml.com/plantuml/png/bLLDZzis4BtxLqoTGnr0kqQ0ddgArpQwcwntrSZRJK_2Y1hRH2XI82axHj7_tg6i3yiEajGdQJJpvl7D6_gzysXzLQZHBr8BLUK4E-zBz_jqQl5mkvL-LsML8okCzgJzhJ3557ChKUzLLLRJ-MytiKBjNrQFKuMUdETGEkTib9hiRHcmVuLASs710E1t11kZb3b8lGN5IO0wXy5dQHq_6U36e8n0fOwCqJ6yRi1V7sT_Fx-iq_Lpd2wUNvycR_lOB4cJZylr_9w3JUZrONsVFYx_M3ujE3ZoqYl6RK4XbxYrM31H2mzySAl9mntgBu5pSdIUYj4e9kkCdeZAULEGZM3UFOrdq8R1REf3PLmTmO45XR8kH5N708KmbVPkp3nEqEaT1tAqnubunrYN1CPluPyHyA_ZEpbGbc9PSl8hPJ0hIoK5Ucdqc4CVS8yH9AKDv5T_pKDiGKhkcKPDZJtWfO1cnFKuGhZhcxK7ZsTCSjZPbOmzJlYpefiOjnIwjrqJOMNf8vZfRQNGXd1ipLxcv827-kqk6_PAe8vA-cDmWQXg8Hti9OOIQO7F2var1pRc5QF2P59H8yUgVcavpTz4y1aBP2M6NDY7XVIKWwionroQcVqCDtT5xaG0SjfBGPVq5jaaHuyPEWfZQ1u3c-JFHnYyUsEPMrW-iBILpblarY0rkxAefnl1ZfDpm8fT9IpbF3w9oaN1LEGSBy-MNyYBsokPCXHVIEUiamn-ZH--RPk5uJJRrmrq-u4-GH86vjR_TjPUVlKJAb2grDK1XblUhFYzMQk0lsRfPGtDExAImXfdDXwMNyKEDJliLCcmPvWDWnwLCVM6TvWkzlPCsc31PjA20zqfpXG6p4pb-p57tRf6mFFG3klpzYAFFf4wknBwnNnnv4Bl-_KwJZXnc7TQe-_d38nTfvxQfKyajxlCd5q39xXsoHkaEZWSUziGtL6B23uapq_Jy-RdBVzNPNh7sJsntl93b4-4kOEDDKLzwnmiBo7VIIOWDy2Bktbxpe1vfiU5ZHA6TK0t8LfZz4Gk73VaCAohNBXXk_R9QXqtGDrX1kLNlck52VNJHftF_EVOYlEUI_alwpy0 "Container diagram for Internet Banking System")
![Container diagram for Internet Banking System](http://www.plantuml.com/plantuml/png/bLJ1RkCs4BtxAwRfeLv0YL6WfvxMiOqcMpjHLqwpFGaZQYmHeKY1fEmOHV-zGqMHB7k1j3VfQUQznpT3VNOUhMygDVb1Qg6QdA3qldQ_pcOM3pU5z6MJDOwiCDgJzZV2LBCNQKNfV3bR_78TAzJ-QREUqIj_pobdC5rmCKfDzgOEr3z1excludxm9S7EA6KEKXUWk0XGvp3wBAtZ9mEi2ye8LEh87Bt1Im7-kfx_zVYqJRUFSRfyV7wOVXgmUP8clw-sYpi6E-ZvVdkNhbU_hHwM34wyz8gW9uLSOc6nOgCMxhKdgyd3BUgNu3avEa_LP1AJTKPFHUEygSX6iEYVhkRm3eFPjOVAk3k20-S9TTk8giK0XJ2DzkwAVRnHfxSCv6YFK_4pSvqRkFe4Vqy0OF0xFL2MObrpyJDbCAzh9GLwQVGLGrzmZn4ajGtcDtyk0hOa9VTiexNcFDSAw2RSZYF0lMxsVl1upYR7ogv6faluiwBh60iAwk-gYR2ozX7CTT4ej06EhTdBd1oWKjzNsV6k1Ekef3-6BH1D6wI3lSJG8YtmUI6pvk38NZYgJ2OLTN5imallQV5Z1D-mGavYx0MKhAId75oJEV8yi__ipLsOUpC0EUsbe7DxosoQeySC7OKnT8_1JVB76aRltbZs5kuUM2gaynPP6gJchQpQwKPGecFNsFWIXAMSj9UeN1IMYfm3PGf-8IzkBcBAKBoGpZad6VOrll_-sYmDbzcXRvJR1_c4I9YOfV_fLtlrwgTKeLIfQm6cMrrl-BsxLe5_oz7BbXeLRAImnfcTXzMhA54N16-TJ7l2sJaOM9bJxonMT7PlXsZR5UmcBHZeJt6IC61c6Z-CEUglQmJUedROddS8UVALrCalORYOJuvSqBxRRkE42yTrhiOFQxh57kWwkVI1P55cPlWDj7J39U-OMd0qzbuGtL6B2BuaZm-pK_51ydzsfhTSFHWRLdxCyfKmTx2pfch_EWShFJdm9Z1tnClR1LFsd2TvdArHmhGEw3gWBSTWPBHnvnx6VOtZ3HZaayqsPg9HogFsyTuDmRJziowTRvjr7yvdRcqgzIy0 "Container diagram for Internet Banking System")
### Component Diagram
@ -23,7 +23,7 @@ Source: [C4_Container Diagram Sample - bigbankplc.puml](C4_Container%20Diagram%2
Source: [C4_Component Diagram Sample - bigbankplc.puml](C4_Component%20Diagram%20Sample%20-%20bigbankplc.puml)
![Component diagram for Internet Banking System - API Application](https://www.plantuml.com/plantuml/png/fLN9Rjim4BthAwO-j3QGn9UUUggNj4cGnOYTBYTZHD4oMou25xj6qN_laB8bsGcA0Cqbr73uvisRH_gZysXzK39x8pIJeU2mzhvo7uP3YzkBKlXro8FZbXdjkVONpAWX5bQWtiXGXU7a_VbCelPFTxT3YPuxJw7bnAZAw9XVHUnt43GTL1G0l-QmCbAQhT0bIA4ve2xWQ5jOHoi3L1YaOIZbZZ0QXiyBPBUZxmzFY-NNwyNLylRoy-Nzj3_8CY-yfFH3BXG2IukAwbkufdwivXx6g7z6AlETyrp1EOncrp2gAYaOUc5qbaseToIYjkygF8FUdD89TuObxoRsQEi7Rj0nAogVka9T1easxioisOY2Ew1kKfVYG23V4rYHI147fV2xs3uBpXl5hOEDm7X6MDZo779hjZIIYzwWGqr5PdSc5pAHYYM_eK8hz75rabm9pmjm8NTKtVZ_OAFgUlj_1Ty8nezeJVD-aLFzANhCqV78vP5Bh97X48OvMtE5SNVkZIMUqNDWUIcSjocR6DBOL5gVmHhTcdh0G3oqtmy0cEL5_4JfpW0PuywHVqhwu9v5NlMCbvU_V5_bBWf6B5Ta2NvYWmwJE2-pIY8n2ZG2TVW0vYRuLg5Kt0JjQKNqjSCaPSkZ5MWvfhm2xQwFbQ2Y9-Rh3U1t1lJNcBZlHAcJ2KjD9eQ8PEa-yUIokoyJUAHBs8PZT1IlMwsfYwEC4CG_Bb-SlQir69nKRflgZVPBc0T59jkzYaPZmjPAMtfWo9EEK0oXr3gJiIAJHiHdH1ndmP8jempxPRkRHbVPsCUOux7xZqrjen79HKaHNTP3FGEsnlgZGkUsnXRjt8vfa8LMoB3W_p0IV4ePBv0QGNqOIA9w3gh1E1v4SamiJJTdF_wE0a-E7nIA--sGklHEajhZwNO-SYpWBMmfn4cDoEvcEfvq3dImwekJ0ECRG-_-rM8ncrFodonBuF6HtBlqa7OpVxXlyfgaZg5UJ4oPwXLewXLW7xakwBVYBm00 "Component diagram for Internet Banking System - API Application")
![Component diagram for Internet Banking System - API Application](http://www.plantuml.com/plantuml/png/fPLDRnit48Rl-okcFhGou5YNddgABBkD0piH8hiV9s6M76lPy6D1pbeHYlxt3YbvATb6OI0dSScNCy-yCxjwdnWZ3yusFnYlxA09EkO-_JATHjoShmrtGpiaYYfu9i_dAhZfLnDLbxYRpdz-jx3e-VxsPahVv5oJbitLFBW--2plS-YVOF1opya6S4Vm4AmD6-FNO8qdGA_XwDZ49Ai0aXTiK6ZjLcACW2yJD3UplpxVtwt-kBxxiBgv-ktgq-Naj6dOi2KOjQ0DhYCwoH_XsZD5JmmNwBzcbEKsCJbu1xF5DSpwtXg5R89lchcKZW8Q9wd7CpXPYbpYBd1DXy8JEVeR7p6fQ7ekLQ5V3nPZFbd4y6Wq9P1gIfNc2Q3T0po8IJaEMiFRNBuQ4WT7CS6ZmNp7HDXG2sqCcqJn_EJq0CrbijlG6bkWSie_qM4q_ZWxMECCauOqj4co1_uE6bVoFVreUZIAZh0ksubk9VybChQOABDy8OkxoF2q3KlLaSDykkGGXJEF74HQcyIng8LGskRA-WmwJ1rfm44uFEyR02gIpezeqncWKfGIsB2M1sALkNOzNbrzuubhKpOC9Mn4Hy_6e9AKVeM7OfAIZT6W0nx0DWnS7Ih9m-1PLeBl4nOhAqSrQ7KXEernEy7UID9dmtTo2lyq0527U9BCscSw-P4XXXmf1ckfJDdjxtFuGedhTjwTvTTjvsdAhSmXX5-Mh_S-xJmuVPPvB4eYxfUm79mJ-hTWr26iexGnt052aYWXRlS-crX8HXDVW2HIGvInp3Rib_MqjAwFkOuBmkFfFnxgc0UHT754vBkcde7gSFVGOqgR47Njsp66ZD03AjJqFuC4lnR5Ar0ps5s6uFTzS6ECuqRap2Mrl3dxzXyuS9z871hFQvCgtWjHlQxRyaQYXXzX8ri473BTnykBURrmMAeizm7BDqQ-_1_kxXPB4V_RD5bRFf85iye-BZz_6dMZgBA-BYnAzuPexWt1tfFN-R_YFm00 "Component diagram for Internet Banking System - API Application")
## Supplementary Diagrams
@ -32,19 +32,19 @@ Source: [C4_Component Diagram Sample - bigbankplc.puml](C4_Component%20Diagram%2
Source: [C4_Context Diagram Sample - bigbankplc-landscape.puml](C4_Context%20Diagram%20Sample%20-%20bigbankplc-landscape.puml)
![System Landscape diagram for Big Bank plc](https://www.plantuml.com/plantuml/png/TLHDRzim3BtxLt2vD0NIP8UTTcg-i1PBcg9EKFHaC8eS2v4bJvAR1iF--oWxTkpMySaY7yb7yadtrg5nUIg3Rq8ncUyu9CvbzkTePF0ut0kNvDlSSiEqSbov8TFf27T6e7gNUPQFfZ_kdYKgjrakHX8TjuvCqTIZFzmmyvbl85SKbb8uk8H3hANKHw7s88NYW6e7BRSmbluqK5cGcg6K9yfHy_kSFhXPZDzMctMqNZr7izNhK_-sDet3AFmzNqyVo7OslJwk7wB5_DVyQKR6m0adEOGdwtWA2-9Y6MOSTWBt1bFYQc0YzZ11TO1CiY1uviPgrMUvTJhbPW2zqeAo0FcsfcTVZvnZg92WuwA_BQ46SAJ9GbP5UXiWOpfNpWvxn6jE7PhC2CkZ2LbtQ4vzzfqIDjdqRk5l0FIL_FlRaa1aYoE17tqMnLrDhGGMnFmIRCtE-ec_2tu4eQZf59tG2d2hys8hmhGv3egrfNZWaE79xwwaVI4JpJzS7vrdCLulhrNqOzYHqe2XJNo6JmbI5FBIplpEdy7MJQnfdgBeaOQu5CnegsC7ym-MeDfpuCs0BeBaLZ4jcbEoPVNVCQtGQSCja1QhDJ8om7dW7JEhknmqPkOCAelCm-Z47QifbHegA5MH4TswTy4yiqfG49Oc21t6SQ_fEOF1UaynLg5gkLM3RLJP8Zj4EexB0XCwmQeuNNAFTwbGmXBfiYzQkCspJ1jtlSg_87ZXCdhYOfzijMbSao_Qt5XkASB3NnguKZAlPrtOGXZq553e6UovDl1jXOISRl1vxLvWVhwVAtGCU6mF5lxaz7hvrVWuBoukUPPenQiaioyNx7hn5kMNyY8qnTRglYDj5t3MeOqhq4rxmHseO84dobWGQzTl-wgIjuLnqxwH5-SzzKwlyNy0 "System Landscape diagram for Big Bank plc")
![System Landscape diagram for Big Bank plc](http://www.plantuml.com/plantuml/png/TLHDSy963BtxLwXSGcO8zD1JJ-63QJA5a0amcPuyorh6EwnttTKwXEdqlrThRDS4kB7Ia_IUzCmpUU5ycUle5sMaBXE4pFk2VX-Dd3WEzyfdvQuaTD8QZyOFfSr71-LaHZuRJNzxUjV2-EroCS9lpYUOS32UCfZVmo8qVe3IS5NErU0pXDHgRO_Ax44hWo1C0XTfvOX_MU2feAqKMf-uHqllP_leOJ7-QxNTn9lLUpnRVRxr7zlGU1sl_vnlfYySgqEVhvkNU37_O_usus3abTS8wnDvp671N4YA0Y5HOkz4pbmTJDGU9i8SeD0oYjxHaJLzMPAtERe1zCuHeIjGa3MjSprEZg51WaqhVJj63U38YuMYgGmn45BQqdWQzfZNd1MwmYd2UCBHHBXJN_xA3RjiUe_mJmG0DV_-xamWfkh9uDVGnQ1lgDN0YbWu0hNiA6pyI-4Hb67HkV3A6X0xMrPNKUwIuw0wMouE28KuvLZJxf29vz--BtmUHcsMzoQ6DIHiD922Ckxmiq4kbFvVplmfl85Q4PiCGLKQXOQbaiwIJJtClsKcp1u1kmMt27BQf4xaoCsMpUyRsrfxwv10QDsSKN80weNVs5chSj3PcNV2a901nY_qigLqzb15gQcC2TsNae5POoXOdqEmzY9DUzrC3GOAcMgjohHsup4_f-o4FCGsJSy39lo25R-wlST9hemYxsfT9W4gYy8wVt_Alr7qWJf-GxNFTjPrFfChRsu9YIi2_AE3Erlci_O5LSQ0ahYq1WUk7VobGzPe4ghF7Wp6DLSJRYnuJ0U2lqkaeBIg2-P2ZKLc3JPDPbSVsFtXNSeylLBLDLjN_MNR-y3PbJVkGhVjWU-XeeKuSSUAsENyormpyh4ARhjVP3VvpDh3l_5_ "System Landscape diagram for Big Bank plc")
### Dynamic Diagram
Source: [C4_Dynamic Diagram Sample - bigbankplc.puml](C4_Dynamic%20Diagram%20Sample%20-%20bigbankplc.puml)
![C4_Dynamic Diagram Sample - bigbankplc](https://www.plantuml.com/plantuml/png/NPDDRnen48Rl_8ef9wW8g6rEbQg6ZwYX8WaAf5LFQDOxx5hrsgkn3K9H_tl71fhGs_XZvdtc7Vl61-GG6zDvfwqoiIIeGsZzvz68SJ-iTAXZ4JsnSZQG3KFbcX6MhD7kJ6pZQ7fzjJHem_FzOcGma0-ojPaTB3PQ3TjKkRCO_tfyNcz-pjTtcyNjjzk7MQ_VwKob8cfBF2jwwde0tHa6BD1JL-8dacBQMJHmteQLggd1TBeAZib3uWAcIll0-JPektNSv7W0DVgQIi0OQY7NwdX5CPLfYSOF09KYxy6uIXOKrB3RV-NggGz9IzlAqDKIAu9nsvfJdOJn7NUuKgpR06XB6Dig6kHqicItqwKWeZ7WjY04C1S3sLA00krlAGhRQDMnHnqE41oew8DhY3tiDAOSpR2d0WfsUsdr0cupST6Mo8TU8NhZvVm2hWyl7O2fQrfdfTcU-fGw8HKvIVtRprwsd60cXFQ2_98kpqFC54glAvioj5YiQhHLMhJe_Tvn-MhZXVp7R6HbnGH8BR0pXlYD_FsFgMZuyD_fs1XfFG_QdxL5E8KNbavEbguEFb2JvFzq17dpb6Tub8z5euD_EtyfayUuUdmOtQtNovNaILR6pOvDPNmUj1-_FY4gUtr83f_hoxtyUZqPKW7UmvPTSoBUryIKO_aE15_WQzQRJQQIVqEsbE_n5m00 "C4_Dynamic Diagram Sample - bigbankplc")
![C4_Dynamic Diagram Sample - bigbankplc](http://www.plantuml.com/plantuml/png/NP9BRnCn4CVl-HH3Jmbg4m4z8I6QHqMB-eYQ5CGfclLETgrwxTLut10XlZlZJQjqkOqzZ__F__5556H9ZHkyizwuL1BK8ctyF9amxiQLbJeLAHARu8MyZ4re9a-MJHsbdipFpvOElJpUtapej-PBAlLoizXxRAmPjtdmu6Rww_vnlVbvlRxQt5n-kxnR34U3mLm7elN4Ys9epa_XP8621KOwqVY178eD7XsyNiFArDHWpguaC4N8MC1KsIZSLOFrsy1D5vz2ZR6c4Z19hU3M74eCKvcFwE8fe34K8xXGwO74Z4z6HwwX-P2rhAySdIsn8fYshNkPap6-upEk3DjM07q9KrybXvmpImxFjbH4T0x25fG0hhqGUn8eq3_fKDWcRmvljB872M1IbD0GHtYsc7iimuuAA3Zi8d4FRZCBoPV8-s6XUjFbTGzk17y60FFGjC6Jbw7vb5z29h5A7UyxBrlEC3D2toFlqtNxe39JHblvt67LObEZh_AXnHXtWSkZZJtvZrb8-zG4o4_Wu1pn6_dR7tFLYF9VTkfSs1qM7L-rLLZ3lgMp5qjN-oZKPFc_0qNUF7GxFCYdeh4It-vVntHhNDtVJQxMw-LA-xIhm-qScwFJAXkdnoz4vN04sU7N-LhN_Tv8Zep0UzXoQ5w8TpKnTR77Xk0BVEtq5hEvzb-GBrFZ_W40 "C4_Dynamic Diagram Sample - bigbankplc")
### Deployment Diagram
Source: [C4_Deployment Diagram Sample - bigbankplc.puml](C4_Deployment%20Diagram%20Sample%20-%20bigbankplc.puml)
![Deployment Diagram for Internet Banking System - Live](https://www.plantuml.com/plantuml/png/rLPBRziu4BxhLypwaWSIkp62HT5J73lR96l7HkKqBR20CI9fcLkA54ZAhhVeV-zGiYChSO2cFQqFWZZcDuzlNhfm7gqlCXNz8JLJ1HUmy3vtxpeTYwjsAlsYI0edB3FQ2-tRp6GTv5QYNgeYBphzyzE9GktlHyEEGY-S9z5i879brba0v47v0HIQa440VY5WRfGoAwbJK58BGCsXyRUqZjuCa6LGXg5IQzBnwE8U2z71iFTvV3-TzU9P_FVLj7yTRGGFDzFhsV3g_TNTuF0eYhpqIa0DXu74r696FbcueI2j5XukKNy9xiLhvqK6fp2KIn55DMnsPxWup1KxWTQbJ4i0qB7rv0mSFG8JGN7hw5i4z7kgXMi29J9D27EAkJm-Flx7VtqRLDqdXVO5dFtPVdCEmscyLR5F3UR85e90lV85fYPZw5jF1V2s_NLNJVZrARj8cR2aH0R0v0PwUQuatPT61nstkCGoKN5k0pEZZ_qWdbYpb5ouvzJDAUK1Z4hwDImbeU4s7jzrhgVJIGnaejqwUlJYUrG_dmQseOOdRyvsY0h7rr9aB38LA1gNBvJNYPKPsdMhbfrrsOlq3993dj3L0IKrGIS2x8DGMCK9Mp74H7U6uT_O6qliX1O2ArBfl2rlWzHKS5dvVW8BT0l10GkgVkqth0EpWeSZAdS2o9XmZheXfOFmxFNaTPlaTN-DlEukUx6WkS1VoL_tVqPWialSIYHLUvx_MdjsVxC_oJu17aJoa_qv48ecbtNbNALXJzp0PfQNjuFuMUiwUb0cSqnfDjTczZ7s_VbGp4nmiLyuRp9X3noGG98wBfQIYIhUdCutunXevlOqjqRoRSXrg1MCheygFA42-1DImqhT63v8UoIJdYh05OcZICnyVsJDeKGRXctSTEM48eoqJNz3q7k2f7MLDwCCaY9C-U2nf8NfpDp3WzJSh5nmg8ewGpQENze4YQMxmcuoV5cTWiBtneICz1UMh9t0oFmdbKBuIrenDurogVbpEOR-gN8v2RdSKp8nipAlIg6dqqAXRHAhrEznIVKAcwYsvLCM3JNzOuAhdJF2BsGmR9wmxwbWJV3aNsTqjJ487K1bLAz2b2rJaL5tWobZOdNwTXpTu4eZvRZ_890xc1Ft9L4hIwMsDNSxkEmt0TsVHmJjMq2L6hfLVZ7GLVfOkH2QqzVD3m00 "Deployment Diagram for Internet Banking System - Live")
![Deployment Diagram for Internet Banking System - Live](http://www.plantuml.com/plantuml/png/rLPVJoCt47_VJp7Dom42SaIeElNfGa8FA25HDvHMgXJDsfEiYzTUsTw4jBhltl5k82parEFkgNbOsUFvpP_VUCRvw0EwK1Kw-K4PeIj9a8TG-f-wNOUhuuKAUPLLdfom9f09ny8MtNlbHEv3tXsS7aqqcd0xkkxI0vzBaYoS3QdKTbr4_JBQVWULOM0KGCW9vbPhkr9c0LeP0ZGIMiVAULvPOCUWhK2jrspZAS8T7f9tr_q_nhVJMJ-TfR-SJmSNoKPmTpczc5sVVpg_6Uxj9qbGGHDiuJ1Kk71OS4mEBZb7PoZ06Phx65wwze4AE89hjQGasS9cDrRINgd58NJErA8606yxB_OWCI08YeOx-_yamB-NLgHXKAOM6MEEi5G71mT_XeSFqTHjLfbGmScFn-zFuNgQFfhOPGPB53ang5ylO6eBWQ7pKW0VZX-sPfhVW8kBof1Z8oe29fVGBqkjM5zP4srSuHBhGgMbYyoCVXj4ySJPfPBaNrCtvv97C6eLrh1KZ8QhT7pJlPXE9ocmY-FE_bCKdvFwkvEV3JKoUt_oZAYuVIj5rg7GaQ9nlU2wJfmgqAqxMzb9JtoHdc6s9pDM7MB033r5sA-aiSaJ7iMGCjq5njCqM4SUOWU1euNomTNQe0nVkA9U7qAEFYS9M8MSOzsm3iAHZ5lK_X1G2F8Uj5tmXe9uEtczDdczRoElzvozb8GryetyzVvd16RFYLjHrhJdwRUrP-yx-vFzC-2Eig_ipo5fjIJdwxdg0wiBs8pog1t5hrlNyqSJbBWWmAsRNOnzVZqK2nj375G-s8BSEmyiK6nEqbA9kk8nT7OxJi4ww1lfh98nvNQg3OpLHmsUKH7yEnR86RQ63u9MXGeamLUPfm1s7ZFxhw4KB8XDc3vEg8XHhXql9xqhIM6Bifrbb5HnoiU8bHFMstc0EsMaNVaOK9DrWMASVkabo1phajjK-ApPHOEVh8qL6UJE5ap9oFwjj4RuMJcQs-rrQV7dIupzqzHomhNSTMLIuLJPN8M-MLGQNPjOhR-FIxwliCcAcTnU6cxwfm8tRyu8xzbXV7a4U_LiC4RobxUcUJ4OpQ2OrHiHTSimhDKDjiv9RCltBD0DhdOYitf2eVGmP-vhebPE1NfqTpKy6xG1lQz7o6mBQ4f3lld742oh91_9oAhG_m80 "Deployment Diagram for Internet Banking System - Live")
## Icons
@ -52,4 +52,4 @@ Source: [C4_Deployment Diagram Sample - bigbankplc.puml](C4_Deployment%20Diagram
Source: [C4_Container Diagram Sample - bigbankplc-icons.puml](C4_Container%20Diagram%20Sample%20-%20bigbankplc-icons.puml)
![Container diagram for Internet Banking System](https://www.plantuml.com/plantuml/png/hLPDSzis4BthLspLGvKPofnEcqjEaIMrTcfz9AJZzCHPaf241WHO09IYwVI_Tm6H52dPJJfJduZ5VZoyVRloMsDHsweGW--up4ILCzXPMvetOQZnSBFbTbUbbM4wKz8oQMyoLOIOQuvoBwgo2gS_ZzS2fNrSF8G2BJEMJCcKl95BfczAdpjd6ph1RFxnVhfQHjzGmrObbVafB5rooZ7cT3lUaCVOb9fJeR10OvaESxPtTwQjyijg6K-Uvj5gCVzV2taR7fXH1Hk_7lm0bQG41IK2ksEmKKAe0vTR40u5oXnwrrmR-b90042e38KuKewMzcTOQwuQsaAKsqhWYzUvifBPbsx_m3s-T5UOFqL2nEolQdV83B_gmEIU2LMoamkzxc7o--enJkBLEfcjdfQZLsVR94gYt-Rnz8wCjUdfFhvB7kQ_pfSpCWuiju9uQKY1dEDMOq54QxYd1cfwBDoY_EmuZuxKes8mM3Djb1nbbR7K9Xt0jFqQJg0nWzhufgGK7S21X06b3qJXRO1PfYffpP1md58djsJ8KHz7sO-KwnB0y1NyDG3wQ_6E3YnDi2p9-OcbC2bBmJEqNCaXcTvHDmA8I644Vl5nwcmp9ZWHR3mq6apBCwYbwkNap6tTj7duUk9YNNS9R1-1AQd6C28tmSPht3A7egaUPPgNDe39ILJElDPgptDcWCJvVBKDQTuz0GMtHwVchFA46jXpT25S0xqRKgqE91UNj1Rj5RX2fLomcg65FpJmfjy7y0aB97Bwi6Yq2Xh974oL6e9Lj_5RO9ehd2S0uFS7StLEytC9T9QEShIOec6kH_Mdyu_UFq3lR9Kcb6x3W6PRRgn60W5SacGBt_e0TkIS0rOakKopd7hBKPZ0AOuPGvjXImTcinkNiJENL_obc7rcCYS2kTFs-lvvYSqKkUbpN8_Ghn3dkAB4BgG5yNSx4FClTiGAv8JG6yXhFbxGkHv65nPJTxWlGfEru9bMHcqipBzaEz85gRprR7O7bUZaht6TAr1-kQ4jm2uclyE_4syjZ8mCxTiwRG1CLMNFgWZQWG-0cYODUXQQJj0I-C14PwcSH_lHCEDgtyNnEYB7ljzf0F_TfpS7tlLKBbaoljsbghD8JkcQDL5dyiQ-69g2Q8uo2-1Tj5g6tUBTalyfChabxpEmyrpqitnWc1lOQ5NulNNmFwCqXbv8fyIpssdpJfUpmyU5f29AQu2DdTNdE0EvK5yVGp-kCcv7j-MZHRok4xMFwOLVwQuXniM7DJkVw7-UXfot54e_Uly0 "Container diagram for Internet Banking System")
![Container diagram for Internet Banking System](http://www.plantuml.com/plantuml/png/hLHDS-D44BtxLpJXWBVAZee2BfpMiGt94d-mSZRBITMIslQGqOoO7jb9KVntUXH5YfnDPQdYfkcFrqzlNizxzkXyLUZ1Dyfakie9zjwN_7CKEJoUxvJVLsd5v39hF1b_djaYkbCksxFVHzCVnskDnjyihYEwbtnEkGIJgHIZCkJEonewfwsSO3R_T3LTBUEl6E6h4dFtGrG6UC4OAycEjr8nvj8fJnmLo9vSbDCXvBYTyijgkPdSpkFLOlw_3gfZU2Is1Or_6dm7bH60Ge30xmcsLcjxL6O7Eh10aqClhHpBbmKX0DfcgFM3OBIglrIjINMoHMXsbSPNqxdrXlnhsJ_nWA_b2lvB9qpkS3Ax9sRqPW6P0sbRqcE9_Dtrv8_LpIRPhDR9R7Mx7BxhOfCuYN-RRwQN4cn2jrURo-Hw_kjyEPFWm2kl2LfH85UuSrY8q0wkZ2TdoCC5chkWUVp0deh1O4sEhHbc5NjRa1l1jFqwcy1J6EoslfHKkaTm56D0MJUYhcE0MMOhu_bCU3n29nSIoD4z3BFl1UkKmDax-7i001tVuP7I1CjIYcyfXKbPQfMXLzQSIUW37d04SUa2-SMdQOZDI2iHc6jgxAKsWyQgjPr2k9sRFltuUX9wm-qAsJu3Bb5IiPHf6gznHu75q_GuSwhq8vWycYg4ryuUL4uCgFMNfst5yru5dPH_26xEgbfGXeF2qA8So7z3wkoHgGPjJFk2N65JfQbHQ14EBRtfjoFuZ0MAE7rQe5MXFEN0LShamMw_cYQ_uFb80EhtWyASn_qv9JfBXpbwJ94ft57p6UhZtw-XT_RM4OS5T-1efzWx51AWZ5Ysm41e17ifpW4hiLpcA2VZ5MeU1SSHCsYxamFvx3mWTdlvKhyKipiokGYeWhVNLr-ssCnAcUlwUeA-8LpGIe13IqlYdtOXvlT-I0KgOLW7f6e-NiYvMSRGjjaJg7e8QbYep5csMm_p-smllY3WjlBfxP0Hp_0RNjq4mJTRXmMTR7wdVp3lap4o2RJ_zkmQ05DR-SuLetRXH-0T6iPQXUOcmYFmaVIpHwLRxHic3hClDvjrB8NzEYxnpPhU7eJIPboo9BNRfxPzI1guzfbeaEfWpmpjGEG7autWGxnQHi-7ToF_OsTo8TKjiNOlJb4-4kOCMsUB-jqwEkM9mTk0t03FBgO2sM8-q-F4Kh70Cj0uH6kCZiY9-_eS-dqLYmEwyV5YinQWdigzzbFVjSA4_gXHv_FYkXNdlRHMXVuN "Container diagram for Internet Banking System")

2
samples/C4_Component Diagram Sample - bigbankplc.puml
Unescape Escape View File

@ -1,5 +1,5 @@
@startuml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Component.puml
' uncomment the following line and comment the first to use locally
' !include C4_Component.puml

2
samples/C4_Container Diagram Sample - bigbankplc-icons.puml
Unescape Escape View File

@ -1,5 +1,5 @@
@startuml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml
!define DEVICONS https://raw.githubusercontent.com/tupadr3/plantuml-icon-font-sprites/master/devicons
!define FONTAWESOME https://raw.githubusercontent.com/tupadr3/plantuml-icon-font-sprites/master/font-awesome-5
' uncomment the following line and comment the first to use locally

2
samples/C4_Container Diagram Sample - bigbankplc.puml
Unescape Escape View File

@ -1,5 +1,5 @@
@startuml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml
' uncomment the following line and comment the first to use locally
' !include C4_Container.puml

2
samples/C4_Container Diagram Sample - message bus.puml
Unescape Escape View File

@ -1,5 +1,5 @@
@startuml "messagebus"
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml
' uncomment the following line and comment the first to use locally
' !include C4_Container.puml

2
samples/C4_Container Diagram Sample - techtribesjs.puml
Unescape Escape View File

@ -1,5 +1,5 @@
@startuml "techtribesjs"
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Container.puml
' uncomment the following line and comment the first to use locally
' !include C4_Container.puml

2
samples/C4_Context Diagram Sample - bigbankplc-landscape.puml
Unescape Escape View File

@ -1,5 +1,5 @@
@startuml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Context.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Context.puml
' uncomment the following line and comment the first to use locally
' !include C4_Context.puml

2
samples/C4_Context Diagram Sample - bigbankplc.puml
Unescape Escape View File

@ -1,5 +1,5 @@
@startuml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Context.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Context.puml
' uncomment the following line and comment the first to use locally
' !include C4_Context.puml

2
samples/C4_Context Diagram Sample - enterprise.puml
Unescape Escape View File

@ -1,5 +1,5 @@
@startuml "enterprise"
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Context.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Context.puml
' uncomment the following line and comment the first to use locally
' !include C4_Context.puml

2
samples/C4_Deployment Diagram Sample - bigbankplc.puml
Unescape Escape View File

@ -1,5 +1,5 @@
@startuml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Deployment.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Deployment.puml
' uncomment the following line and comment the first to use locally
' !include C4_Deployment.puml

2
samples/C4_Dynamic Diagram Sample - bigbankplc.puml
Unescape Escape View File

@ -1,5 +1,5 @@
@startuml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Dynamic.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Dynamic.puml
LAYOUT_WITH_LEGEND()

2
samples/C4_Dynamic Diagram Sample - message bus.puml
Unescape Escape View File

@ -1,5 +1,5 @@
@startuml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Dynamic.puml
!include https://raw.githubusercontent.com/kirchsth/C4-PlantUML/extended/C4_Dynamic.puml
LAYOUT_TOP_DOWN()
LAYOUT_WITH_LEGEND()

Write Preview
Loading…
Cancel
Save