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

Update image urls that the correct master branch is used (that all images can be automatically updated if a new release is created)

Browse Source
pull/276/head
KIRCHSTH 3 years ago committed by kirchsth
parent 467b595719
commit fec3cc6c84
3 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File

10
LayoutOptions.md
Unescape Escape View File

@ -76,7 +76,7 @@ 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](https://www.plantuml.com/plantuml/png/JL1DZzCm4BtxLmpba5Jg9bh4YTE6WE2msqOaPSKfSk8fjUGFovuegX3_dR4eBRayPTx7FCzJ8XbfiKQyqMusYq8u4uNqeQwZNAkVcixBj2ICitU4ZghPspeOwRBd8P4oUghRzmzT7XrVdcih4s7aqTYoGsg7iGevNzG5x3s1GrIeOC9PSYxGMIVGYH51uKakXg2enNFput0Snk7GZPyEh_joAqI7CNbNIcMrsy6coQWJHKa-RhQYl_1YEtxqYrCoNihvSGT5BsqmM6pXbm3-RfNA5QTHXi0vhpX14uBHioJjtOP7xTiTD7rNxJyFR8a8xwf7UFdUPgunngy9yacuj0U-Hv0iiLnSyouOLas44KXRDBmhSRVVrtOb_IKvvofZKdn3y-zLzrh7n4x6hyFGzQpAeXjxZ_c2bFWNCvoYj_zRdj0fllmV "LAYOUT_TOP_DOWN Sample")
`LAYOUT_LEFT_RIGHT()` rotates the flow visualization to *from Left to Right* and directed relations like `Rel_Left()`, `Rel_Right()`, `Rel_Up()` and `Rel_Down()` are rotated too.
@ -97,7 +97,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](https://www.plantuml.com/plantuml/png/JKzDR-8m4BtdLtZP0q62HApsj2Uo4OLAq4OajEefSf9fiUGFonuhGbN_UySgXVeoyhoFUM_baJiCIYQ_XEvb682T4At_b-UEZzcRm5FeWWVN6usWCUkDogtaEceM7WSfkhpykwZYwhZVvOfx14UhjYG55nfSPgD_iYjU7ezDkrlVDUtXVhDjqbcILE2yqIaVbD1pDYdY51uTH-CciwG-avjg_vkW1-xEQR-SisdDbPKmdR7tXD6xtab7w5fkBVayGySAQwNeEGgZ9xGgVyzPKLVPmxeXYGFs9rko_LCPiK9ACteMUtg6Xb59oucYWaH1jrWp2gHQ38K2IRSyPVkuf4ln2oIV2ut0v03okzKjrj6JakQsQQgQM95qHMys6q1FNuZZrHdrKx82FGGbFm40 "LAYOUT_LEFT_RIGHT Sample")
`LAYOUT_LANDSCAPE()` rotates the default flow visualization to *from Left to Right* like `LAYOUT_LEFT_RIGHT()` additional **directed relations** like Rel_Left(), Rel_Right(), Rel_Up() and Rel_Down() **are not rotated** anymore.
@ -159,7 +159,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](https://www.plantuml.com/plantuml/png/JKzDJy904BttLwnue2JG1kF94xKIC05iR95uQhRjA9linsPtceOO_xkp4S6zJ7RUnxotyCWTzaf6DqAtik-07H6jVqXJnuVaK-2nRteFhZKQGMFI6fLQoNNGp3nsKZHfVZyhmcg_tQIAUmH7gped1HSQN6A3VxJ9tb_sLNruhjRrPhbQxfxYIHGLuBpHCU-Kq5Csoi8K7Xr7uqQJg3oHdQeVJQyxxavnEv-oSScLbJ2UiA-8qRiSYWTeQcuj-HoWOPcrKhGSXT4ZMkMtKvQLHR9RLYHnmEwIETk-vG7Bf3I3Pw6ePsWOjRISAAgNAEWMgmQ1r8kXK23fbgTit-TqCVw2v7Ec4HYzWlnhTOsrzwIakQwgeYHM85tGgyqAqDCNmlXmHlsNB41tlP8_ "LAYOUT_WITH_LEGEND Sample")
Instead of a static legend (activated with `LAYOUT_WITH_LEGEND()`) a calculated legend can be activated with `SHOW_LEGEND(?hideStereotype, ?details)`.
@ -308,7 +308,7 @@ Lay_Distance(LEGEND(), e, 1)
@enduml
```
![Compact Legend Layout Sample](https://www.plantuml.com/plantuml/png/RP7VQ-em5CVVyrUavS9juTwMmPu60vtjtA1JqOqzXfWURLXC9Jbb-j_lr6gri9Ss-Nn_d3OPUPGEcvrXWRRAD2Nm2d7l7zBKoUzagx5greq7fsgBO35HzIxzqavL7gjqSlz_OQJ5ZxSYXGFf9PG4nOJCKbjmoRwjPcm1pjSsalzus2tvE8nPRulM9FGx_XJI5a5LbaoheqVOHOfGj-IJGRGSHBFRQ8z5Vi08IA5tmg_k_DRDbc34ilt6DL4bZV54MvX5H1H1EeWh8r0EsJ8Y02tRbn9Fc0MRnYhKzCT5FirdMHIpm04spl9mOsg9scw5WItOCcG1FIz-jdgPVuhdOZv-VvrDnJbzAObP8OyYqtHzLa6FJ-FlQ2pxouC_7UMFFEm62Eb0XYJzMdssnwGFki_yKZsY8hhK7m00 "Compact Legend Layout Sample")
![Compact Legend Layout Sample](https://www.plantuml.com/plantuml/png/RP5DQxD04CVl-obMUU1HQ9H2JuL2qcZJWar2qjBZigwJH5XNsHrfy-qxniH4w4LdVl-N4Pmwb1RRIZElD4gt1V03OkCUuzZAxsXVug7DMmTMrGR1OAJgAcwqD5rcuh3GPHxF7oRh3ds-Pt4b7O8b9EQKaAK16pLTFsDhiAusWRpZVZ_ocH-omHRa90mRV_PfHL07GwRjaLghG17gHpuVHOjHDBcD3bYaFnW0AVIE-DMTthhP1hJOTD-O4rLIQqUqWqb0H15i7LmPWMB4A4m0EjOK4a-OURlMA2nhmxDqaIwJ86IU1MojuVvErn9BinSQzc0AdtdqlFZPzdNr9LworUpZRRaGv_Ib96IPF8gaT2YDWW6Vpj_JMVQVU_zwof-utnyGqeBqIVgp-cmFIHzrd_cbUaf5z5D_0G00 "Compact Legend Layout Sample")
## LAYOUT_AS_SKETCH() and SET_SKETCH_STYLE(?bgColor, ?fontColor, ?warningColor, ?fontName, ?footerWarning, ?footerText)
@ -415,7 +415,7 @@ 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](https://www.plantuml.com/plantuml/png/JKzDQ-Cm4BtxLsYpXpYGs6JPqvxYTKrJQ5eJEoqz6TcUDW9z26c42QN_lIEQ9jLbqBoFUM_ZaJiCIYQ_X1va684T4Qt_b-UEJzcRm6FeWmSt68sWCHkCogtaEcfM7aSf-hpykwhZwh2xpnNt28vMNKaABZIup4R_P7jtKtLDM-shn_Qbhj95ajJWlD4f7vNGIpOhuXGU7KVZPekaEP6NwlwRe4VkJkcmNh9vmvMLC5-mzuJHkrn99-WxRYtvF4FF2ckb63WAesUqAdylMT7KsKFLaiG1-vEjsUwfZ5WXfPayYoqzGyEeekL4KK6Ye5kidGHIAOP2WQHRdh9zdDEb-0MIpvb6OB87-Ttg6klWIKbpsxPrGwn8kg1Ncrj0Jr-8uzKPzLEo0Jq69Jy1 "HIDE_STEREOTYPE Sample")
## HIDE_PERSON_SPRITE(), SHOW_PERSON_SPRITE(?sprite), SHOW_PERSON_PORTRAIT() and SHOW_PERSON_OUTLINE()

6
README.md
Unescape Escape View File

@ -93,7 +93,7 @@ If you don't need the up-to-date version, PlantUML includes the last released `C
### Now let's create a C4 Container diagram
\(If you don't want run PlantUML locally you can use e.g. the [PlantUML Web Server](https://www.plantuml.com/plantuml/uml/ZOxDIWGn48JlUOeufn5qSjcJfvNHsugBFsV99iqcsEc4T0VTjpSCE2AYUAeAgVwgjYosIakevytBBK824bPdaHms3pg85BuofjgtwHWbj4DZg2wJzDpaSZAliRh04ioykToZ9Nc-snbux_yUlEdGkOTj9AXJwJLAxQ5ofh4iSetHyeKUTlO0E7HpNoHcigXlW5sDosiuLojaT9_kn-aJk40Py_7q1-Znn09fv4N-swuU0ByFNbVyZlYQqmbR8DyIVW00) too.)
\(If you don't want run PlantUML locally you can use e.g. the [PlantUML Web Server](https://www.plantuml.com/plantuml/uml/ZOvFIyGm4CNl-HIrfowupSMJfvNrk6BnprccwT069fEGcI3zzhO5YoAAf_VcmVlDEub2rXB8N7bsL0Qi9jKajzPcU6z7hrFfYs1saHLPMnU3JGIyTewY0_dUdc-EtHgzFbni057CI_HsNXhW6NERLhxfC4la9croHnxakgelq2FLYtbCwYC3LVSeBlljgWzcXpJkq_selg2RE58Svpz0pxCeXaOs-UztyuJqVV3lAtR4bpa7Sq8UIg0F) too.)
After you have included `C4_Container.puml` you can use the defined macro definitions for the C4 elements: `Person`, `Person_Ext`, `System`, `System_Ext`, `Container`, `Relationship`, `Boundary`, and `System_Boundary`
@ -109,7 +109,7 @@ Rel(personAlias, containerAlias, "Label", "Optional Technology")
@enduml
```
![test](https://www.plantuml.com/plantuml/png/ZOz1Yy9038NlyojgJnNSpiNJdbpqwAAuUfOu3NOWpGoJZEA_trfGLaJPqti9oPUNcIWapHsPaMT7kS6YLOtoQMs2SttqskP35amki29hxK9deKaU-4GvPZkVVgm9M7VVIqkWADgtzlD-6ZnZgkELRTQO970L1_aY3p8foYKSaChUhABwm4350iKbFrJbsDmXbRkvfzKjkfO3XUFb3UZd8efT9OFyzxhP83q6VftYZlWJPsnco4t__Iy0 "test")
![test](https://www.plantuml.com/plantuml/png/ZOvFIyGm4CNl-HIrfowupSMJfvNrk6BnprccwT069fEGcI3zzhO5YoAAf_VcmVlDEub2rXB8N7bsL0Qi9jKajzPcU6z7hrFfYs1saHLPMnU3JGIyTewY0_dUdc-EtHgzFbni057CI_HsNXhW6NERLhxfC4la9croHnxakgelq2FLYtbCwYC3LVSeBlljgWzcXpJkq_selg2RE58Svpz0pxCeXaOs-UztyuJqVV3lAtR4bpa7Sq8UIg0F "test")
In addition to this, it is also possible to define a system or component boundary.
@ -130,7 +130,7 @@ 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](https://www.plantuml.com/plantuml/png/JK_BJkim4DtdA-RcRbAfJLJ4YbL3X611KKHIM5PECb1BVbZsM565-7V6QcdnPkGvZpbd4qXuYbfb_wGPLPmG3aGkt5ML5tFvAUaGXnZGZzOG6Yf7gokdX4cQLQ19oQ5gRbTjMksspvKMWT3pQj-mGaY3ldJ9FslH1siACMbfbf3NQSf0Nf3r-IBhZYpK-tiRpIJyiHZNJEg4TWhXXEKB-Cg0tyMvc77O2-UO-Ou3rCufEGgIrkIyQluleUxQykMXPub7k2dNi7rh4bOhPUS0gLa0ii2rd62AZefaEjdFahW8aDIe-5RWYD_da0MTGFOvqnZCNb7zbhl6sWLMydpg-xPZLY9TqAlD8rBWBwRnuQt-AzcWcQ9MFm00 "Basic Sample")
Entities can also be decorated with icons/sprites using the $sprite parameter, for example:

12
samples/C4CoreDiagrams.md
Unescape Escape View File

@ -23,19 +23,19 @@ 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](https://www.plantuml.com/plantuml/png/VL7BRXf14BplLtIu14iyBZdbP9kWn18uA82Yd5QzGmCZve6cUmFyVNgNPGF1yMscfwgwgkQH1PEKtcKVR32kN15iHVRyUJXCU1Xih6pBecHA9WQX80CJ_N3lC5ISFilAsM8u-jIVLQFbT3Bqo499H_ceOXnbiA_KFq8PbEfL0cHBi8xEnOCD6t0s461OmSspJQod2BeQN3Jet4arMe__ocUJfr_VbulyvylYMpuPVns_Vka-P9bOSGJp4mjvQ0YmihX9wDL2WXSTfK02pnXswgR1PjcC4iVGDILBz9Hwq3bFqBNGKVFMqSSdk20Xhki4XQ9wSD3-ODymwncWCR4CmeFEGtRUrYtEYZdNLvNxZwrwKzKRj-kuAkctfGFOe84yYeq1i8XbNQHDjqjxTTCUTmHxF7bgV3H6yl5HkXwj--jatA_kmEt-XMQpjJrqCBKcHOvhWV7HR35i2EYQq6PifSDQgoVLcLxERsISIqp4WCvTsZGwWAQcDvAsRVIkaah2m6WgcDv8J9tq1xchNxrhVid42bDK_encTmMzxMLEOSLDM0Q93UULx6PRn7JtfU-mwyJJnUmiSSziIslTFIgzzEuF "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](https://www.plantuml.com/plantuml/png/bLJ1Rjj64BthAwRkeGf0MIZGKq-H9Q5nAjbgADVfYHWkHz8YorrYPob5AFhldQLfKhG2fBsHZpDlthvvo_SSq8UwDACVj5McBWWE8LJywtJgyNIxr-5GvpMJLyu6ik5MkN9Q6RInPyAXC3gVpd-PR2Bqj5vDI-H0Ng1iBXseBVdRAlB_1BMLvb9881m8TiuOTz9s3qQA06q1Wy_QipmvaE5Wd49ZpiBHgRmU85zNixyUdxRPzd6JBHwV7yRlUcoMPkdlo-tyWu0jz7o__P2jbhyj7nO2Ze8EXg0ZXKBZtcCfGZtSsq3UKe0xj5-YvlJCWShHQ4EUdHshceChoISmxvvkPl0AWzirXygbEu6Jc0fLquYcmG2LShKDV2CwNgYpEm4AzEUn-bcutWguUGT_Zm2Wrpi-KPvXLKdnC-KmgogZ5GRjx8r07_682QILZ-BNVyuZjY2ZZoAZaSP1QXMqQsxM4U5kRlvwyCrCH0udSuL2byfdGvCDxYbEVvsQAg-haC3Cxck3Fi8Rxuww80OqvjjJTfALA1sD3kUO0bKtHZ8SDSOMxK7E2xbt9oP_fQXqkJRKsh6EBvsc-Oy9VCOInOcX5Z2wr84Au3fd2hAp_woDhyIz2822ZbhHMtcBV5nWm1oPuXhQnwWc_MC5W_VWl6YB5n0yxJK7Zp8Qj9LKbirs4pWWYsgi9LNAKq4sQ3ISn50HCnYtbnSAwlRAfXpL5xA5-AHZNZVttuxDmacPx_i6ldt7dsY94CleVxfeBx-6CPMeJSOD87JBoLhUssiL-RTYlMweqS1QA-_OxG8ilwe3sZt1IwVGNd2s2dfMuRGxZoMzkRUzjKq4sqqh0RfJN3WCcBiwz6jEkkkQGF1e6PlpzYQFFf6v-2Nq5_E9YUFi3zlj9fN2OHrN-DsQDjWzNJikUo2zF-Ik_mqqTFqbRvaQSB3sRY3osQe4FgQF3zFBuVt8_zcPtKbrBwoF_93b4s71iFEkRFuw9wy3CGGNcLlYnTrSA3lE2p_Un2WLMWQQHBJXw8KC4ZVGSDLNioIW7v-kjniX6hWyQ1_chZUcwP-sxdnUhpfptajhNPf_0G00 "Container diagram for Internet Banking System")
### Component Diagram
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](https://www.plantuml.com/plantuml/png/fPHDR-Cs48Rl-XNJ75e7IE9BJpsjuwJTB9AD4JlzE1aZSYonvOT0KdQDel-zGreHxIGe0kn9rF3bpCDtHleK8lhO6rrzfwpGlIHeO-p2JzEfnzrLesBRrtqWBvoDPEELS6RQQRJfp6M8KgjwEl_nSf52pm_tKuCXakVGUkvCvsmwqwNyFq1l-R3X0CIMOEEqTZjb6z3A4g2LSBAjVE2L0ouEsWdKUiyvHigt1QhxsH-FpwlrRtUhp-lxsrzklzvCpgigggW9HYr8XOr7m_Kzt5bcjHJX6krV2MMvPte3bp1RtC6iwxGI69MpLJNd-oE3-adey0BEbYpN10jiw5Xunbj_uXQ3yAgB-LPecrwZJpiBxxPAKW3KEjzIlG3K0y26JKfvKAkuJzSNVOZEa0-mLPZEA0yxgg7sRXV8NvsT7w6PHFRWQgKpL2hvEnhqofvM1wsCYYGXz7NWwYv-0ut9zLuUahPAq0dMJJsHDTU_mOWr1aeiJwJna1bUmh0KBHbCkyleF7EckGDFZGhHPpKJSjjCNbz0Yw4b2TWpXur30q1uakaLTRW058920EqQVg4e4jUXn-lRl-F4r24PXfpMew5NOr18Sh_S9fiaE30QTCG3MBi-5eToSTVRo2l6jm6pbOMZ6BI-Pfr4lvzWfxZeg-4xEuT_AW0eGpm9gh69ZXyyn90oUQSrvIbx-7KEJnHY2QVeB7rk1qz3QcLAmVoyVB_tuU31-QlAuwKuux24PMyCqty4emnX6QMTYYqW1CxY_7xmMVbCCfhu1YIGw3sFPR9XM9RTtBhEftjS4vvE_-bG-pI89BCZB3yqzG94YuUN3aFOEIzBtqunU8GsA53I_mmI_9mLxq3Du70Od1twOCOSfur8bNFf9z93-uySU0x43etxfKa5xuse79Tr_Y9HmlUmun11T8dkoytrl1mulYelXuJv7yF__S-hrMB9ud-hAcdpJp9Z5jcNvUFNKJUA2klxmgmq7yXcFf3i4rdP6_qV "Component diagram for Internet Banking System - API Application")
## Supplementary Diagrams
@ -43,13 +43,13 @@ 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](https://www.plantuml.com/plantuml/png/TLDDSy963BtxLwXSGcO8zD1JJ-63QJA5a0amcPuyorh6EwnttTKwXEdqlrThRDS4k7cbfwVt9FcPl72-p7NqYp9Ibmb2vdr1luz6JXo7U-MpSbSIEccDH-E7qkQZGWiJQfx89rhjHjFVdjv3QBjSZ7917Xs7ucce-FR38h0_G6cuD6SAy1b2QhMsHsNse9L142Q1YxHon5yMk3LeAuNM9-PeDVwaZnuMuxzMsqsyMRt7izNdM_-n3OtNyVhF-MRwmh4wzFcwUOaNyp_cRpCEHbvvZR0-iV8S5go5f2WG4YNsJkIirS54xM4Yp04ABQFe7HrPqvSbUPkZ6q3l716w0WLRqphNu-GO6YJOjFAtOzG0ZZnTA9hA40CXfIsDfs6FTStPeIkS8emd74s4E_NbhqpOLTDxX7yY0AZrztTd0J5LJmQ_1XQ3lf5M0ojXOGdKggCmyI-5Hr26JUV2Asj0x6nPRKMvIus3QcsvE20KufHZBRiZ9fv_-xxmUMYrMTxh6CQGyBM159Gnmq-2N2ZzlvtvKtW3jIOs6OAgF0eDIoMT9Pjwc7_BJ9Wz0dOBRWdaj4cTo979bittZMcjlNL88BHkrYWv0FN0RyoiTJdepCmxOKZ80ECNUjbAEjzG9QcfZ0dTbv91MNDGi3w7OEr5clQwcHeC53BLM9LfputR_Eoo4_8GspGzDvZm2rRywdAFarmPHTxLlam2L1Q5TVv-bt-Zw0Dr_8Pgd-siw_mcLxUv9IIk2F2F3kvyCf_rNL1r650IbzRWeBM3lxoGDPg4whM70-EQgmut1Zoc0y7V9L9m6kgguqADHMODDYIpgn_iVlEkPEvUkUeUMzVz9UrzuEpwDkv1j-s2xw6YXJWnOoNiilzbhcdv68BCsxNSIJwpzpBN_m40 "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](https://www.plantuml.com/plantuml/png/NP9BRnD13CVl-HIcfmIrYO2Ua13Dew95VKHD2k8KUMUTtH7pMDdUHX7YkpEpQPGkDu_7zlytVy-LABAstWtUsM1SMnBKgerydamOT-FAQjqMhH2R69I2ZatqayPXo3qNegMpnMH-UR7CgUVxkub7KUAKsYps0RqruoPF7znDVpq-hpS_RzStcxlhRzSFY-5eC9YdgMW3yQ8OcijpE5kWOe52Pob-8eTgOq07npIiJ4qUy-rA8vD0PWEcoefoLmqsR2FxBZw76gMc4h3Lce9QSoWnJ6K-efDpG6D815oiqe7KZCz69wwX-P2rRAWSNIon8fWsZNkTap6-umkk3Dj60KC9qr2r3ZdVB3c-s984q3c8MqW4S1kKE912WU5t6WhRDfZ36wtkGIEOLZHwOe4NYxd7CkoeW8BZJeXxS9jPR4E9l1yMIM-wlEt1ZU3F060UVHC31HsQJ_abP5fEKgTyvsN36MP667haVRfk7rHcIh5Lo1qsMMng35K-D2YoYroUREp9Vyn2gI-P0Fa979qZVYD__sEUD4J_kvqw5tU7HSjHEmcdi6_fxDNIrLwKV9R_EqZ8cwTkXmVvjl1MvUt-GMEtnjNZm-HclLwkKb_gwd0xn-ReKfMLwUaBKJaSGNRuE3_LTRzNo95HU0zRZlwLU5SJKnS7z0HVu6kdjvZDK_yLXRBrxXy0 "C4_Dynamic Diagram Sample - bigbankplc")
### Deployment Diagram
@ -73,4 +73,4 @@ Source: [C4_Container Diagram Sample - bigbankplc-styles.puml](C4_Container%20Di
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](https://www.plantuml.com/plantuml/png/hLHDS-D44BtxLpJXWBTAZei2BfpMiGt94d-mSZRBITMIslQmenanFR8tHV7VwL5aAN8sbQMAczJJ_TxJq-jvonwThmez-4QPJ5SvmTxxadyUZnqUBtVAxwkqOdAPDPwClyniCIurcZ0pOfzhbOwdFuxMeNItk1qNo9wSb9AfJA0ov2xB6Z-dhRp1RFxXPhfQnb_1uwiIS_T3nwVaTBILZX6NJddY4rrEXt36BSilg-LcSZ-FLulv_qfKr_18R0iQ_JJu3YeZ08K0WTyJRAtMzgZC3dHGWIQ7th5oB4yMH01ecw7M3uBHMl_SjUQeissCPbTfVF4ujzwGV-dqJppWIsS5_wKJ9dSuu-wPENwrWSo1j2tfiKM-xdRon-fkasnMwsIskbyEttIrIPp4lyqtqsifDgNxcyrrSZl_TRwSIN7WbTS4hIcGAzmvBCHe1pV6apFauGhDf-1v_C2UYi5WJOwj6MOLUrkGYs3QFbrCu5G6kwr_IYhJ4Hmb653MWwZh6c2MsSfulX0TZz39bHHoT0_3x7l1EXTmyGR-7W10ftTuf3J1ifJcUqfXKfPQPUYLDHTIUeS7Z20kNH2_-30DjHbf9GPpBOszz6RGHBMEKoYtlEdfmzUJC1l-heZjA-0IvIYMDasZDUueg3YnnvbJfOzWyXYgK5uxUr0vCQ3MNsRRIkQz2Zuf_n3Id5MreGm7XM54EP3lXjJP8rCDseJscRZ2fafJuz0YlBJofjz6y14B57Fwia2hGddAWQkKoOFTVhLCVgRpKG3KzmS5diVzEHSwIuSvUaoHAVoZvZ7qnx_VGk_TMqSS5jo1evrYxr14W38IsGA3e0Zsqfm3LXAvp55EnYlK78N44JDekvCNyjbbGEpsyhb_AMQVoEHYe0hPNjzyEM8pAsskc-iP-efnmIi13YEjY7_QXPX_zaCgK8d2kY1Tyz52tfjb36ERFO6gIL33GcNEijrwc7_Ezf8B0cuxJtU7K3p1RtHr389ljWuBEjlyplyGtbCmCYcqt_RaDm2cjl9TAg9suIFm3WrZxKBp9y8by9xqaqkbM-qx9WxSrvlDEfR6VX-N-6fFRmz2QqENB4djzgbjBv86hhqc6gIws0j3IuZyOB88tiMhvVWfUKVv7oUJA-dkX7LxqKTvJvWpR9qjwdlhw9Gd1cy3SWCykveAP8lvn8-pICK2oq2ZKAqnEY6zz9rhwCzLB0dewEF5PYr0FPTxu-UvQuq9y-F6dO-BszQSjp9Q5VfV "Container diagram for Internet Banking System")

Write Preview
Loading…
Cancel
Save