Create release (branch) v2.5.0

release/v2.5.0
KIRCHSTH 3 years ago
parent a1efc454cc
commit 6c7e5812c7

@ -2,7 +2,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include ./C4_Container.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
!endif
' Scope: A single container.

@ -2,7 +2,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include ./C4_Context.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Context.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Context.puml
!endif
' Scope: A single software system.

@ -2,7 +2,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include ./C4.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4.puml
!endif
' Scope: A single software system.

@ -2,7 +2,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include ./C4_Container.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
!endif
' Colors

@ -2,7 +2,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include ./C4_Component.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Component.puml
!endif
' Scope: Interactions in an enterprise, software system or container.

@ -60,7 +60,7 @@ With the two macros `LAYOUT_TOP_DOWN()` and `LAYOUT_LEFT_RIGHT()` it is possible
```plantuml
@startuml LAYOUT_TOP_DOWN Sample
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
/' Not needed because this is the default '/
LAYOUT_TOP_DOWN()
@ -76,7 +76,7 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![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_TOP_DOWN Sample](https://www.plantuml.com/plantuml/png/JL1BJyCm3BxtLvXnM2TjBPlWmccb83ZiKR6EYLELjXwBb2PHub9DYF-EAyP65CcIluS_U-v9E6eR5Ln9NQcsHZWGMNyVnqvqqOUaGrks7brbDA6cg39DR9NGlMRYgLQoZDFRITQtjij5_3cBxg8RRXKfAuJKw2BR-mVn45Q6G2FMM4E9bM1Ve8Fqm9yE23NkHQi8Xd6mIDxNsxp8rrdnkDwjmb4GPEYyqQ6e6wd7C4ZwAZqvGSODHi7cw0cRui6qkXRk65RJCGmteh4AXoFu2e3VELBOOLa8QzbdXoKarYfP2P963xYLNeyXsMJHwYbdYKEOHLDOlgKzbYXbEW_zIJYq0Rw75KnfEBZaMP1taWWTa6nGyIpFsRvFwKBw1TddH6CmU4NrjzKbrjQpakjBdcSRPlMaCtgnUKRY61tsPUzCyryoHrtpvNy0 "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/JKzDR-8m4BtdLtZP0q62HApsj2Uo4OLAq4OajEefSf9fiUGFonuhGbN_UySgXVeoyhoFUM_baJiCIYQ_XEvb682T4At_b-UEZzcRm5FeWWVN6usWCUkDogtaEceM7WSfkhpykwZYwhZVvOfx14UhjYG55nfSPgD_iYjU7ezDkrlVDUtXVhDjqbcILE2yqIaVbD1pDYdY51uTH-CciwG-avjg_vkW1-xEQR-SisdDbPKmdR7tXD6xtab7w5fkBVayGySAQwNeEGgZ9xGgVyzPKLVPmxeXYGFs9rko_LCPiK9ACteMUtg6Xb59oucYWaH1jrWp2gHQ38K2IRSyPVkuf4ln2oIV2ut0v03okzKjrj6JakQsQQgQM95qHMys6q1FNuZZrHdrKx82FGGbFm40 "LAYOUT_LEFT_RIGHT Sample")
![LAYOUT_LEFT_RIGHT Sample](https://www.plantuml.com/plantuml/png/JL1BJy904BxtLwnue2JGYj6B9sg3O0BQGD5uQhRjA9liAxjJ6sByxyv61FSooNpFsPb7xh1JCheGkf5T2soFQFrTcZhU9ny2zrtTUN2DqGWQayQer4gkWsRYiPMYJlERIH5Mk_Kg_RnERfChMbKvARZGu18R_ADLzlQyAwlL_A6iDe-BPHcFegW0vusEUQk47hD15gRmw3WQDnX5suD7KDMzwNJBtI5kfcCst79b9Gn7x2jYz4uvSGzrnQqbdrUeMMQj50r7OVI0Lldbc6NR8dcQboHnmAwJALk_v07Bf3IzP-5Epz0mEj9oegXEeg0iLlO24Hn3eK1IbgTktyTsCVw2v7Ea4HXjGFvTTQwrywIakIpBOakiG3gXPvi58DNe8OntPzH_oGnqIz_v0m== "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.
@ -132,7 +132,7 @@ SHOW_LEGEND()
@enduml
```
![LAYOUT_LANDSCAPE Sample](https://www.plantuml.com/plantuml/png/NOzFRvj04CNlV8gjUmYM75kfUkef5ApaG1nae55FQ0sJUANzizeTXAAgtxqpCNQiSa7lDxFllRcFA0EEHeio-_tSDbsPxOewpwgjgANn6f8lolPw740S4NtyiTa4EQtV51x7mnWXzCuYM5ptpcoybfQzRYCEMXqs-VVRYb7xL6wCZ0Y1K9VJ2waiXBMdtIJvFpXT9aa58JgRoi4eknABZFygOf3emcAPrEzaPhgVRhI33EzfVxSIDwU-Dqln9n7qNMBI2GwTz9vyNk0WCk-rwYKgPnU4ygyhaTNLUhTjw4a0yMrz9vv-vJpBj7PJ57nc5EW4tUWbhPXHew8iqKmA4O90PK1JLgHkV-TsAPw6v3ElqJ3PWpvVzLchZH0vxx5fgfgsUEao_RHv08maWN-lmPdh9-VGUhLWULOjIT7wAr8mATnahrZ9h8HNl69xPdlrTiIvTjTwSXTrouNPaHaRVT22A8kPiza7Bucpc3aRdWPx6bpiwyVdbwxSFcntHKho7kmm6lqF "LAYOUT_LANDSCAPE Sample")
![LAYOUT_LANDSCAPE Sample](https://www.plantuml.com/plantuml/png/NP91RwCm48Nl_8hPxA54Ig6jTYzxAWjHUw0fYg7Ldf03RcF9s9Oz55Mh_UyxJcWQbOl5zsRUl37SUkGEnq51cVrvREgsp3O5oxDg3OmFLedeczIT6di1UqJhVwMfurFoAd4_xaOlN6Sq2er9PuRKAgw3rwN7NibTcl-uh09g7ihqxIRvcLmHQdFgu58BbrYgZQAlW-Db55N2UQDZtWzIhs2HXLDwT1oDMomZzkvH3ErlC-gUk_Uukrx1nJ7lnHB-Ha3FQKmyYLtBhIMVPx63p5ebEuxIw0MX_FiACbObctLDBKx0JN8D3qzvq3AbpEGXhEa13T2EbbF9C2gKD0lgII8A1oW7eMYMfsp_vdGn7aNocSj8ZBP2VMpr6Qlnr4ddVLrNZAf2qKdzjBaJI34c4OuNPuRpbe-XRBLWfmkAMKElqDWpKWHIc4cViJAmKhpW6Ti6jfMlUvnZjuqbTo1B2coFATjWTA05qTary61su2NnsJdmW-51s99micVtZyzjkRvRRuhmzM-5xkdN-0y= "LAYOUT_LANDSCAPE Sample")
## LAYOUT_WITH_LEGEND() or SHOW_LEGEND(?hideStereotype, ?details)
@ -159,7 +159,7 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![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")
![LAYOUT_WITH_LEGEND Sample](https://www.plantuml.com/plantuml/png/JL1FJy8m5B_lKrGyC1BOXEZ54tCIC05St91uMhhjAKswjcdVN8Znk_iQ4Upb9U_tztNka5liMXbS2LNBhW5sG3JkFeujxwCFWOUkwXpOMYi4XL6jszX8hhncuh2HeehJsqdcLxlDElwSHNVH3QtAb1HSAB2HyVx1EdbxtXNb_gbObUl5Sh5z34T1a85rMeMyQOKQiq7Yft1eEMex60NvqI6qvOFkLCFjCQodOpRCUMia34ViAs3qpa5X3rN9ZI6VFLGiCKQAcgFGQa2hz7hCaZoBjek291ROB9gopMlgiKHAtJlc3tKCDQCh3ITAsqaKbCMANY22PIXQa9JbgDltgLs8lo3vd6W41YyW_wwwrDevKj9S5KMM4ykJpkZ5PWb8DNhmuztgzhza3ggX__m1 "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)`.
@ -192,7 +192,7 @@ SHOW_LEGEND()
@enduml
```
![SHOW_LEGEND Sample](https://www.plantuml.com/plantuml/png/JL5Dgzf05DtFhxYr2oDeWgMhhfgceWkreObr6IR9RHsOZs7cXY3b_VTtWpurcqlEn-4Svdia6MWm6ghThtEptsmtnvzGIUCrYa_ATdhe4Iv4FdxBiY37z9-Yoz0E4KFdBA6bj7CcyrhQAMOLgTUgpOglgtA2JeTzPcGa30mr1JkaiXXIpreXIWpHsKJsHjabpFBfgaX1aWkpXQYkR3JD3pVONePhqgsNCBzrco_Wlm3-7f79Y6qZlUUSCxQGUwzL9qavEsEe-Bo4l2hJuwPcIq3uagxXyAUOk5nhDqQO9aKW1xp7IvQOGPFo6g4U5H4686LGAukHkxtTsoLq8pddBcDI_4RziUfPwnJPoNTNrsN5gadqO9ynMwJ8lpYTly6PLujuUQLa8Tu1 "SHOW_LEGEND Sample")
![SHOW_LEGEND Sample](https://www.plantuml.com/plantuml/png/JL5DJy904BtlhnZnG4cW5QCNJzPAu03OM91ZisrNsMI_iZkr8SR_xZGWi9UNpFkODzddWDnZgnKKYxTTkPpDP-jNABXsIh0RQMhLDWBsY2uy9OddNVmbSTzMRH2-jWQ5mRYsEd6Acpvc4h1HiagoXqdUZxQhPV9z7p_6TpGgCt9mQOIF7MaPouKFraIyqTACOP3sA0DwZjOFHgmu11IwVB6jQRW_HFLq3CDZj-48VXZGEqT6dQXAxXpbx4G5gNDArXobDGCQPRTZI8iyNiysPF42xkCfh3wodakLibs0_gG0Q87kSPmakbKeQHTiEeaeFA3KGj6kGDr-J-qYF9AKSv8HoTw5-h_gKciRo4cus6poWbIzwCnUOkO2gKOdUlZqLbzRsDKlHIFs1m== "SHOW_LEGEND Sample")
Legend labels and details can be defined via `\n` in `$legendTest` arguments too.
@ -224,7 +224,7 @@ SHOW_LEGEND()
@enduml
```
![SHOW_LEGEND Sample, $legendText defines legend details](https://www.plantuml.com/plantuml/png/hLDHRo8t47xdLqpsSYf815HTxwKIqd6mxUL480BIzk4aDBiUm3gllR9dIL3L_zxnRjWIagelvG7js9xFt_VDvq-1qNDLcCuFa3jx8C-W6Hurxm6LqgoTHIDRHO5MWT6M0FskAiWot4oNwMoyllqjtTpE9xE7QJfA1iF1805sK0K2ut8qvjYvqbjuVq2lCJEqeISTE7IJo-Qarm6uqZOtbI9uloFUj3q7D1MzrJAS_BIPECiepFoWZ4gko0GwXzepb-7duT3Zus0dogfCoFbSkaJ5GBGDIuCskd0JM1cT2UZDVLnwk9iD2mnC_irxhD9RCUxQq4w-r_JqxDmt2ugsSZ80xmaCPcGW-gT804m0jsqswZuG5lu8tIJ3_7kiyzCz2UZGTFSX8RtRCmIjI47OOqbnzuJOWyvOgTHG7CmQTorOopdfm_LMYeappe-kqrbwbyxNcryMyZTPp1PBsSzspMxoxiE7ZzFnnzXJNpLAu-MhUFSgrjrU_rprw3NrR_OrtzuRNhcAp-rorXm16ysrf2MPMWw6eyqZ7wQdauRnShdulIKVi_cl6oi-6XfDCUn9pQI-5D3WGunhJLC2QzqBiWr35HdWBZgF5Ri2MTSHlvYpB9q_7wL3QV182ahlIlAiIVeznQxJ1C_5HYx3_qUnOpufxdKwgsDWAZQVNMKL-cCt_r62TMkPl2M6psY_QxjBUl1d1-JNPgTRk4mRsc1Polcxke1nMIPIJTxruGyiq6iRotll3bf5UM1qeJaElye2yIdpxMrPSnjiAvitFcaM7ntaLH1doGSuQ8mzsaD301GTT2v1kg3td3xXfuN2-FusaZCwnuWRMNt50_PXwkIO_wVldEz_yOfK13XfvXz6hzwNaFhhv6_wnDrdc4sebw9jScphiQ2Jpz2SZYnMx7pqp9YJJRaij5IaqVcYLWEOnIVJUjG7p7CP9yiNUxG1Qz9I4US38TMHKBsOtqkp7W85OT3almzVLulvyCjwVRzgbJPRWYH0ctbyrPcxiFn2Qujw5cG9oTti4laivp6SNoJ2i_JNT3xjzZgV1BqgpDy0 "SHOW_LEGEND Sample, $legendText defines legend details")
![SHOW_LEGEND Sample, $legendText defines legend details](https://www.plantuml.com/plantuml/png/hLHDRzj64BthLumP1n41cMgQ-590G1I9RHp8aY79QGy1X26veXPPxXAxIyL4aV-U6PAIPSj1BxqGt8-PUU_Dc_tWF5fV5Qht1bAZzy9wa1w-Ixy3p3BffT6ewAWeK6UWf1Q0DgyAeJrSJPVnRBo--H9lRkQJsVqq7WNHC8e2y0Og9q2P59MgUnTo2w_tQ2KcIcp4WtJUzOFdmK7O0xYGEbLL9k1rBlpc6BD7LOcNGeQJzvk9qHu9cOrAPd8Xb1EdgNRUb-wFuT3YzoWdPbL2u2pHzSGY8cx3Kg5c5QwSpvHCAEdL7M_Ttyw6-z-Zw-Yt5-leJ6v9k4ibSlfVYuTEkQyQCh6bcmxyZcJ0H2XW_J912PG3isqFcZWW5BQ6Vf1W-etNwQ5E0DArqGC8XCnt7fpCH0PkXwLeJhkC8VJ6MHOhmOrPOtvCTiGS3E1oIuk9KSQEBkDPV1lFrvi_5_IPB6QB9PqdUNiQl7htxdewlkQOfjGevk8hhhtYTJySdB8UdKF_gi_nXYzePIf_AfVHgWRi56DAIw4QEkXgdJ8UJv4TX_5okVZx29wz-Sk3bQ-L64tHxKGse_KPWIO_i5qRc6HORPw0RH5cZ01pLXuhRmhqih7uipxJrkduPDAHmseIehIcf1cJH1MjQAAw3fwIPIp3_uUnyVx0EEprLhNpejXyD9NEqDRzz2qPwuRcm6hXuIFgRrBdGGZ_qlW07BtJBqmYQGgnBEd-RRE0SLaIkc3oQW3_O463gdbvPysUMkwuYRAGdfjV9OwoTvu_LalQQh2jTDhg97tDBqTQEL9MM0TxYHmZBRG0IAkzJ4NpK9p2wzn7-2H16D_TC3X5dU6yZEepxd40KqFNB9oEn2FU_y35K2XnqFRVZSxdA-pzEEWRF_X-bsRZcYsMZQvjBHRYe3Eqjnd5oXlBcf5jEfbIsZX2eK1ZYuODOC8ZSzHe09Ycr4vFVzwYTjY0ffNmQKIWUcIg9_rxAjQz4uuHD6uRmEVLOZxyj5xVhHwPjaOCET5cpbETc6UIdt4zP7qqCfc4tj9dcKzypkRyH1QUnN_5ysa_x7sWxFJA_WG= "SHOW_LEGEND Sample, $legendText defines legend details")
Legend details can be deactivated via `SHOW_LEGEND($details=None())`
@ -256,7 +256,7 @@ SHOW_LEGEND($details=None())
@enduml
```
![SHOW_LEGEND Sample, hide details with $details=None()](https://www.plantuml.com/plantuml/png/hLDHZ-8s47xdLypczbIGM51rlPTAICT1sjiJ2ojWspwS54tY8LZds97ji8kg_lUE4nAbx5PzAGyeu_7CVDytdpyvZzPNXHhy09dH9x8Uf8TdwO-0GaWlZKR5gQ90BK19JO0shmhI7kwMstWrtz__5YVtwyNgQHdFeibqCed06wWSWJ8PAdKUtCW3l3-XbPWgIkX5Ek-6qNLnD1e0t4YTgKeGlC_99rtD2LL5RvLC5pyb2wCzCZ8xAGEJ6rAE-gsEtfVkv-dKulCaPsPLok1inbNCOiBSfgL27LIuSruecNBJkyTmzFImcXReFDatvsWX3opShQASl_VqSb7kcmP11xxfm1y95AQa8EWdY1ie1-PG9vewO1Js3CCenUnxYBDsJWJIDTLZY4ZcHmzE2XBWZbXIoBOTHp2O2n4h2elPOzurwp17OxWzSB0mojZPRRoA7-BrFlbbmt-BpMgpvNoQDzdetOSF7vVpZw6c7ZMBm_1TcBqByN0qxhEUlOR-JR_6Etf3ArFvlbn6gpDWmxccj2LLqq5trbd0u-cbvJ3VRZU_T-23D_yriVDdHRCbkYE95SVN19h-4EnQmsJ3QjE_SK4e0WBCW_9OULEWbxN5h_RCH_td8wHZXvr9G6bDITPBudfBeQhTO9zim3BzVnWRxrl6ey5WTtQUYkIpgRH0UnvcFxAnxhKdgyd3PzJVfSwZ4Vmv0FvrtXaM9fMA4YnBllzG1p0louYZnRin_845Mgb3-6ZDIOf03vGif0_Bhr97llLyDorjfi6XqbcZa_Iieu6iSgmiMGSdYQ56McW0WA2JpDX8L_0kxcDyaY7C7-y3E2Kp37q3ggzumZ4i3L-pqDNryVuNhW256qVD_jtirVjYK7-r-iOlVdXfaxZwACZ6rmuM2sfrXkPsGB7pnWRDb6fbolYWWyA5nXOr6y0qF9bEep5Wbl4wFNzvYzfX3PeZyjc4GGtOLFtzmJ_5UdBa647Z_p5ytMtMqo_x_UEkOzgak1CtIjRXLQVcIl9hhctNdf7P90-hgyvzdmTpVc4Bh-9Vu_LoU7jv5RErQQpxYOTLXVeR "SHOW_LEGEND Sample, hide details with $details=None()")
![SHOW_LEGEND Sample, hide details with $details=None()](https://www.plantuml.com/plantuml/png/hLHDR-984BtpAofEHWiICVELoqf8mu1t9X612CZE7YAXijsOrhIxhUus4skq_tsgR4D8o6elSx7S7rNrtgjN_SbvjBxCLUSFI8pU2Uj1UlWX_HOmJQMNHgEYepn7dOAIMW3QhCo5zd0vMKJJqUhwxsXzFHjFxoVHC0W7OHY0Dr0w0Seag5JLEPCRUBD3Ap5MOYqUfVEk6xmC3deTW3Ef4rMc0jvamgyFCJjKfNWjP33-k1uRxP6GsR1W9cT2EN6SQkjzuVuS32p-23DYLiO4pX9TJon2uZOe56fMuTBvLCcOabxUyTRzxNImUnzUXMzVhQDJkI7XBfJ8w7yb7blb7ZIaOaCt7VWjoO2nKC3wfO8IA0TcqnpKSK0eR0NT8CRaEw-JVPq0f6kY-n08cMqzE9cA5DmM2r6VjXbxq1cbQQG4DsQ5sI7P0NFGXuiDBSP66JkyYARHRJHRhV-QqsSydyuNT1vdpMbm_k73rMHqnJ5rgM74nPTSUydhRgz_p7fu2lr1d-BjlQALAVsnN4Qh2h1LZ2ajXAhfeAjqmdWyHROSHel5_Di1F7lpFm-Mlb9YE46t5UcKrYS4wlp0TgrXac6rUGQsGPWo0inOUIozoT7Bsk8l-anRn-EJIaSEgqY8mfg2PamILRIYZcexU4oMiGn-3sFZ_PvnhzDPLiwBVFtPb3f5MtMJTsIiQve3guM7pwY_Ivq5FVX9umDmy4utDx6aASIYeFktzG96HK7eWl5v7_x1d0PLy_BEcXsrt74JPIuzDx-C7MLlFN-e5ZVLO5FgfD59-efVZgHqfAom3dOIEKPQQ02GLZkPYFgXE8RNke_mIO8mkhjcS8ewmtaPrGtki0yJGzSi78_44zx_mSLGA77GzDyDJ-Uhr_bths_qwBjjchMhjrWskhQnc8kzpj3SPXHBRonhHhPfPKfeum250etDQpQ0CO_CGQC-O99GEptzUOlQOGsQLi8d8O7gaAcUzU-vMFTEE4PGkwqFDylvRF1rjRfRFZ5jZDZZHEiPJtLiNaX-mdMVzSd8P19wIrzaFl8vc_ChMNWQVObca-v5EnN3cMci-ucAqQFx2m== "SHOW_LEGEND Sample, hide details with $details=None()")
## SHOW_FLOATING_LEGEND(?alias, ?hideStereotype, ?details) and LEGEND()
@ -281,7 +281,7 @@ SHOW_LEGEND()
@enduml
```
![Layout With Whitespace Sample](https://www.plantuml.com/plantuml/png/LSwnReCm40RWtK_XCZbI0qkdJca1jGDjew2A4HdxL91iOzbdjNdx7eb4meJlk_y_SOWe0oPhU2FFSqBUJJZoRfmGefSAU2kjDy0U9gTCqi17H1-VYoB8t_o7icb84OAQ7OB3NCssy4QwvU8-eZRJK9HF--D2tnzDOML424HzIGqvEGYvfonZHmXnTa8-ykpwv2_PZgqfCT1YdVXhHYE26Xs5sZCTjK8HNP-yt5JrfbhTLrVkwpyKG1lwvloMhk_Jx0IcFot_E90gQKmaNR0I98emHRWPWTuObGbWCQybNfYrxrzTtzHlzMSbTkm0JYTh_W40 "Layout With Whitespace Sample")
![Layout With Whitespace Sample](https://www.plantuml.com/plantuml/png/LP11JyCm38Nl-HMXfqvYAK9muRJHLd0eCBL2FLPfOj5AQHer3h1_ZyEaRZl5_loUy-ITHxbWc0olv74EoDiH1zuE8u9tKW5lvEGCi9lHAXCqy07H-QSiM-IF-29jw8E7HSqMmQ9GyvGv8stSkFMepTXd-SFs4D7dMvLztuj7SKUeoyaXHmkBSAHbx02BdsqgRtboAla-sR1LbVOqM3l-d52Be0PBekRe4QPK4JgLFB-owYjhSMbTSLV-OWeqeLVmixgyLBCQJ5V7Z36DaiPueX4MCLyCGCSuCmBwcjKnJFmcE2tn7xFczQFjglAbV2_I3Tk1rNIGFm== "Layout With Whitespace Sample")
Therefore a floating legend can be added via SHOW_FLOATING_LEGEND(), positioned with Lay_Distance() and existing whitespace is reused like below.
@ -308,7 +308,7 @@ Lay_Distance(LEGEND(), e, 1)
@enduml
```
![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")
![Compact Legend Layout Sample](https://www.plantuml.com/plantuml/png/RP5VIyCm5CNVyodI8jY2QrNqHH0srpg5kerDyJ5aQRO5ihGaj_xvzjwiMxU2Bqtok-USUzCC7N0BpKwJG1cXcrBIBK3j7jBKykzaes3Rh1edhQWCI0E9g7PfhRdnde63KgjLEhuRp3twU2lIhzlaFhb6nCReuCf8czG-dv2vjAuo4R-YORkbep0cdInQOQ4xqQSGZo35rg1e-Uj0xYA1gDtISSzQzgpPkRN3BF-1I685ruIUrFcvcYoaPWi_evz6SAqTKWypFvyV0F_6YI4e-spXX_5jchhaiCSaM3T6WC8R5_aadsPHJ08heR66XcjTSL1cmxJSI5E69C3lKK-MBxDFzbpCHk-lqmaxk8yXCIduByiKlg4HiiFxzZVObbpIuAAbz966RGF6hUGXblwDFiXZhFUo3_mOFSGWVDG_ "Compact Legend Layout Sample")
## LAYOUT_AS_SKETCH() and SET_SKETCH_STYLE(?bgColor, ?fontColor, ?warningColor, ?fontName, ?footerWarning, ?footerText)
@ -341,7 +341,7 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![LAYOUT_AS_SKETCH Sample](https://www.plantuml.com/plantuml/png/NL1DI_D04BxlhvYtxw4fj0aLJvuQGx5Wgy6aYgUmILQxi1_BxeHGnF_kBDLMp6N8pFFnFBiAo3qEMi4sVttSrqrUDTNzkYusK77jb63_fEdKq0iu8BfmasMUZ-cxnCFG3a7upXeK1jFEwimfRgBM8c2lP9iLruiohlQxRQPvGE5frHJ4uD88dph2ClRNE9anLWeVh4buhwMPmoIFKmRq7AsVp5Xr937TtDh1zDmVasuvX-afxtG67mpeEziaesWRxXpfl8WMSkUKx3XAQoQqAlxF8Q_Az65T4yKBk4gNi7ikuYrNoeu1Oiq0Q84wEauGFIYKv0NrA95Q0Kej57a5olRvdIx1qv5qJh0Od3q9zTFg4ciVY4bpKzTbHQW8EbylCdS20_sAEDwyrRyfAs7w-9fV "LAYOUT_AS_SKETCH Sample")
![LAYOUT_AS_SKETCH Sample](https://www.plantuml.com/plantuml/png/NL1FJy8m5B_tKppnm4XW4w8NJyo5I2BeueR6qrAsAaswjcdVN8Znk_iQ48ozlEJz_hxEFNA7NQjWbRuzRSegBQhYOL5cIoXuQvLW5rBNgci4x12jlqqIn_luG-AkstPUkDfe51hZshI9LLm7hud7HibjabrFyh3Qh5V9voo-YQzeLMMau58B5rlYClO_E1enbWldZOvuqqezXa4QflJeE1et6B5Yxr6qrPtfTCFTFggdOnWU-Wv7yCM0tYacwiMsujQIpwlOGcgjaZL7QVI0Ljdb6D8YZnyN9KcSW5ayXVLB5h1KATDx26TwG0Dqe-L4QJk5ahAWx2MYS82o5OgoF7NxFhQBy02Ipv5687iMwlUgSwsD9oNDPLdc1R42wOIURUu5KerUXF7kJFjNCXUw2R_v0m== "LAYOUT_AS_SKETCH Sample")
Additional styles and the footer text can be changed with SET_SKETCH_STYLE():
@ -379,11 +379,11 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
PNG with font `jlm_cmmi10`
![LAYOUT_AS_SKETCH with custom style png Sample](https://www.plantuml.com/plantuml/png/VL9TQzim57tFhxZp2ad1JTQnfq6WcGajhCt2xBRqoSZoJQD57qQwMXR6_lkkcgJEO5jUP9rxFiv5kGeaF4MZ1s-KbJgs26kYBdoSJBpOZfyLhMCJ0thfBA6biNHcqcbXa-OYKAjLCoa-N2mJT7ztEp4Y47g6we8LGbdquoxv3yfvLPUVvrLnKvVLq-ryTDOy5quxFysqUbvJeoDcEPojM7V0Zz1MUAliaTqAl_7OxhcEqnxtusbMRf3akXzK-8EcMU5H4BQmSXvQ5MGCGJcRdGy6GrWkhc7BIq9AXM_QrD8OTVaEHhJhb1HQxq1OHslqUueA40EsvtzP9yqNmk0qwttsAUN3COKD6o4tBru1xaguPcybyy8P9Q4KDe4vz5V-NWkzQPpmBPJpusY14NEGqGVrdJy2Coy2UhKwBPuYNIJ8NdEupX3-r_nVZKuA_TddfCwnJLycRNyxU_foNzMpyf0vOco9FZWx4grHDeTibauLo0jodZNbBX2Q-fEBjXL-DvANEGnBOJgDmtFuEG3-lVwxHbjiQj5rxFE83SowJlFwb5wOeU9j3hDoELxCAvPuXFVZIxXxAD9ifhNRlZod3q0Ef3ETO8g9cXHdGRLLHEY1b47DMO6x_Jgq6z5-o3u7MbhsA-hZLdsj-y1AFc-gQbaoYqbzwTxc6Ydm5TEnyiwSIgxGjj7etm00 "LAYOUT_AS_SKETCH with custom style png Sample")
![LAYOUT_AS_SKETCH with custom style png Sample](https://www.plantuml.com/plantuml/png/VLFRQjj047ttLqpLG1HGv2IqBmL3N64IQEAQhfAG9x6Inl7MUn6xexYczDyx6ryBRVMoqioPSyxiZAu3IK-zqODtoZQwRn4MH5tuD1nwkSfV52twkW_e6sS9BUMDCyDEInjhpWErMjN3uiFvB8OUxk-6hrVvn_o2GrN15L9Pz7aN-GTYKbRYowGiRYjHFjzDqfFwfN3Q-L6YrSk2QjrZai79dEksyLre9RrLTeTkfLzwR3TOH-YVDkbH8fP8pUAGAF47ZPB2eoHiOUuyj2eqVGZAsUHiC3Y5sVG6LjmaH5NuhatL6ACkBo2bTQSQgVKQf7MqGB-1g01y7UtPNzg9-QaqE4eEF1iLyRXJOS9QDiithW3t0cwOMpLPuOngG4WRWnaSFlbz8VMoTjAt82Qxr1HxpA3fVL2l_18OUSvJKlDZur7IzGJ9NeVji9l_EF-NeoD3V_evihDpSp0JkxyRFtzzAAkns6gc79kX3ywciZNAPf2Cuwa2UKdESurO1q9JVNQzvLclq-OoWrCXJQVnz0n-3e2V_NQbAwmhsNNCyuGrZBjES_iK9yoXudq6Op7BfvEIIpp2LNu9zuz5p8srTgktSVe0v81NkvCCCRqcnLfGyWNo5W4fWvgr0dlxjNMNqYR9F5jORFORwbrN1riFWIlvl2tBcM1K1Esp1veRv8sW5SPZxfqvBhb6s_9Fz1i= "LAYOUT_AS_SKETCH with custom style png Sample")
SVG with fallback fonts MS Gothic,Comic Sans MS,Comic Sans,Chalkboard SE,Comic Neue,cursive,sans-serif
![LAYOUT_AS_SKETCH with custom style svg Sample](https://www.plantuml.com/plantuml/svg/VP9lQzim4CRVvrFSl49TS9DrxDKWqCo45jPcONPR-ih8ygNHeZz6EYqBOzzz9vBK6MFB6rbtpptFxr2k0mbFqUZH6sMbZXt2cgWF7oSJBxRZ5qNhsCQ0NZfBQ6aidPdqMjWqSnceqwgTb1ykbwdqS7ytCI8GUYur9Ky8PT6F--G_gkPrKtsUr-LjKzNFT_Fyh7qfdNP-ccdrigPMHymAE5lntA5-B6s5jyeUrPtm6u_TNkiuxMdVdcRL1ackXqQDFsYQbHu5OGShvw5JGSOGbBFPnMXq3il53MnvIKYfy4sRHXgZhjv1JhjUIQ7r3eHrj4Q_bwW0CM1tmRD_BvGK2s5mcWrE-vpgyPZ3bgsG6qZQ0FSLtB2xaaNfZ99G2PkA1GnN_buBlMcTy1rd7biBZ5Y0Z3wex_mHM7aPqAlLANgAT94WUyrXdFzn_uld1ETFcXEO8yk0adQ_cpr_UQYRMNN8pBcsH1-SpKLdb2qWcwLJ1VA2d4-0kq1ecayksaxuNIwl2ZYlXEardb_0pn7mx_NVbM-nRKJViyyJjZ3hUytBKtfXBfLl2vXLo_5YNlE8HtW_leBxnpBrPbgxRNfEfW5o89tf1KjCrAGu2-gj8a8Ff0ngpWhCzkj0bzE-oJu7MLhsA-hZLWFMG-19Fc_hUbcnYaK3z61pWnJuYkbOUMTEHwxHTj7etm00 "LAYOUT_AS_SKETCH with custom style svg Sample")
![LAYOUT_AS_SKETCH with custom style svg Sample](https://www.plantuml.com/plantuml/svg/VLFRQjj047ttLqpLW1LGv2IqBmL3N64SgEsQIad8arX9utZhlOZTKLnJ-k-TZQ-bj7fPQURCEMTsHdUUXADEgzuxQMhLDGWhejP_6WoSsAGlabPTrNbqjJM4XjBQwa6hX0arLvuQ9Qj1zk5g4K8Fi-dWzJRzc5vpgCouGaY3Bcq3VoyV5sN-PLnazsLUF4_7yKNrabbbtJ1IycL5bUemIk1YoNNx-26q4Sv8Sq0tmgqTDZki9NHFk_GmojT8zUgKAF073QFCeI1iO6aTDDBNdVVIckYor-l3OZw13JS9GHM-ArtMMikRQuXfsyfQABK5OIojqEqWqWDVHtF9jNyt511peN4OdPXsEldZGOSfAr6ltzWyp7AOCBkiayngMKCkJ0WcSFhazvLGwyeArx3c8JN73XEeE-VbAxzuHbxndEJot7gGj1r1TDHXE__p_Iy_PtR-T7Dcvk3bP2NqFXqzVtqeob6-rumvja3dhOb5ewL981g5KtfoWgmB1hUUK9UVRMTurjkulacWdmlTAknVmiyUy7FShdY3LIdQbdcUi89HsofkdiA4EPIzJs2KBzBvkE0IXt2Rti3iCGkvaL9sypPEvu4iy6gtWY6wKoHP2mg-FjuY8AbHiPPdRx_sxcBQ9Pbd3mlDVaDrwEfawy5p9P_tHR786HL0n-o9PeAy3xJ1S2oTrUSbTsWQ_eb-0m== "LAYOUT_AS_SKETCH with custom style svg Sample")
All available (PNG) fonts can be displayed with
@ -415,7 +415,7 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![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_STEREOTYPE Sample](https://www.plantuml.com/plantuml/png/JL1BIyD04BxdLwprq1JQn1QzU6gimGfMGvCgdi8c6Ut2ljYT68hutvt5QjtBm7pFsQL7xh1NCZeJkfLz1soFQFrrcZe-9Ey2zttJUt2jqGWQazQer4gkWsRciPEYILUNioAiTfk7z6EHN2KNjAfNfE12Wqjiy8_MzxTvNLRvDd-gNeiydaHH0SuR7VDE2JrbeonCuT5nD6uqYSg3Hr3rZUbrnzqXRkTJDYwviXB64_OPCNf_AV40JSsj9PyNQ5XchHGjHs7qY5QhyodBoY9vp2kIE62BPCuspwk0PLAQmRDmfMTe69reEL5KBr5G5gi6WGYEeL0WASjJjwzZknX_GF8vqWYCjY1_hphLsdbIqbnNLL4IAv3-q9FD7I3L622CDsVKVyaIT4UV-Gq= "HIDE_STEREOTYPE Sample")
## HIDE_PERSON_SPRITE(), SHOW_PERSON_SPRITE(?sprite), SHOW_PERSON_PORTRAIT() and SHOW_PERSON_OUTLINE()
@ -438,7 +438,7 @@ Person(userB, "User B", "with predefined sprite person2", "person2")
@enduml
```
![Predefined sprites Sample](https://www.plantuml.com/plantuml/png/XOxDIiKm48NtUOfuLrxmDY2kNFLdgr2GhYLjHXj89c5cGb_VH2m8BbpDOVZupkbPB4c9GMS21nyUmMdEv0LOlzcO0wWxZrie3lGkaldP6B97z-bbBsjXe2sX04gtfMXoiDXiDnON_6gcfzlSNilhYucM1QY-tgU4OciJTRcoIir0dF2-oOO7VLdgrSEbfgEM_1scypVVW9zq_QqOJyNuh-An4MUygXxGrK5V "Predefined sprites Sample")
![Predefined sprites Sample](https://www.plantuml.com/plantuml/png/XOxD2i8m48JlVOhOau9DfEZ5Kt-k2WNfMMApsa2QXcHZNz-jA0eUFEqmp7upHK3fCGw6EGyAhjg2Oi5vZH3OIGxEGBBGjZDH0UiHNTWBuUN4RnhxU8a1V3TQ18ky6mVXZBGpBGkeZBw8UfirizKU3-AUyntVa7MkwKDIa-UEiadIW0-ZNSwmSitIbYuhKr8JbVmEO-wPdmCljVf6L6z4zHUHVnWvGGgmYWOz00== "Predefined sprites Sample")
### Using HIDE_PERSON_SPRITE()
@ -459,7 +459,7 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![HIDE_PERSON_SPRITE Sample](https://www.plantuml.com/plantuml/png/PL1TgzD047tVNp7MXvj2Ry8LdtowCGPRi3KqgJw6JJBQXVrOTYU48lvtPsbj1VCoPCwPyx6laMIWsMZOxZxLVLCVsw-7lcsEkww6LXglKRnHTjJpX70cyl53KGIvv3yLdUTXZXX6PmajvQCpXTVI9hNdI9DMGr6zVsxIwhJ_KXWP2GEl-eelfB8OSizS8VwtpjP2D1YYivcSZB8RM9LfgaX1aWkhjMWlaT3q7zri9naksVYoWQThugSr_1B0tzqeMt3efVUiynq7ABtNQfIad5tngdgxWR9jyaFTyKb0U9U_mFvRbR1IQxT4I4KZa0DkwILJpAn9iHTqYoB20AGCQlQAdEttBLr6Lv1rRZG6nH7rtrQFMAU8CVbjkwvfcPL8T_GXynafyY-cyICuy-_9AzeflUSV "HIDE_PERSON_SPRITE Sample")
![HIDE_PERSON_SPRITE Sample](https://www.plantuml.com/plantuml/png/PL3DJy8m5B_thwXuO2Im2T6B9-OaGYAuiA77fTkgDEbNsZSNOlpVVGq89lRoalVxV9rxO0uw9UbozRYeyiMsUDbKHRvTbGjQC6Kb9rT2Dx9hETq3M7-V98xryOU0VLTtdhl6QE0QuiQen4gcWzl4Goj5dMItapoiTkldv7CMtyKtkAeoL32XkOijSWdv7nsD2CcvyqP7h5L2Z-aW3LDuS0oC6un8SV30LVLWEjqoTuYQwPWEZus78_f5ABvpKDJpkcBMeiyRhsbghHGD0s7q05VPzPYcHHvl5YLA7AUpU4hNhrd0KYbDxsaur5Cm5A-q32cgao0mYvQz0E2EWb1SOfR7Rj-dTX4SGVGvqH0aMov_hxhKsdbKuboMPLuWAv3EwCNcYGFMw7aOxywelv8vrstupny= "HIDE_PERSON_SPRITE Sample")
### Using SHOW_PERSON_SPRITE()
@ -481,7 +481,7 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![SHOW_PERSON_SPRITE Sample](https://www.plantuml.com/plantuml/png/PL5DQzmm4BthLqpTWxsmiKdfgQUuPcaApSQidUPeP6lI5UX3I6DCAFtl7JLfjb1V1i-yz-QzqKqY6Mcr1eRR-yUfFvo6--CqzAUlum46QOD1yKwxnQmAuKmKqgUcYNAhVsWwh_EQC2xU4Jgg5s-ROAJBQbU9bD5pqtsywdFhuUvROsKYZDoQEcP8xJ3MWR52D2KSFO53LAXWnaMoBj1P9z29AuB29xaQWestGWfH4q8HC2Rl2YWRyR_vQYT4_mTGIMMrsqFHvgeJHKa-5ZinFBCXEttsgrCoFbVBzHxAbypb3duAuE_DQhNXFCaGMESHPsX3C7gHfDa0jxhtUsY7lZuUHgP4X0_rDTnzx_AiDSPl2VAf4f07lbEG3B4SIFCk63aLOGJI5WtlIkpjrwkxYbw6hFCAuw4ueVcRwcBh8J6Jw-quzWEZCkXjUf7vWfJu5tDvYjx-Ixb1f_AB_0O0 "SHOW_PERSON_SPRITE Sample")
![SHOW_PERSON_SPRITE Sample](https://www.plantuml.com/plantuml/png/PL5DIyD04BtlhnZheIcqYHQzU6eiHGLjGnFjCMoIgLtOx2wx4uE8_zs9rWzmMHYOz-RDUxkBGD9Jrsh8RpUxCbjjyyswpBFjNR62NBPEepXHfjPTWt0WSk4gIRpiusT5Xwxg0lhQ6a93SMtRn6bf1hLPe4QhAbbUpBAXzVXmdxpCuyluZ5lbaYUaCkXZnrmXaZ6iBO51RB212cl9ka075O0l7H0QtCjE4_Iy5OBpYX163dsmPWJZHFmt7qs4o3u9aMnQPQOmIeUg0db9reyc8dyDX6rvRJlJIFyQrUTJ67zb7a_WJG2V7wjHZrKfdMET7LQGEgTLBKcn0MujJwUGvbcyNXKyuX7cyJayF2q7BDNQzW66f-8m5lYTd6HAou4KxuA2Kn5w8DMYvbs1lRqVtKNq1RBEaSQWsAB-JlLhwp7m9DVReiXoPWsa7_HNvWQ9RVGubBstxT-H1Pfc-94F "SHOW_PERSON_SPRITE Sample")
### Using SHOW_PERSON_SPRITE(sprite)
@ -505,7 +505,7 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![SHOW_PERSON_SPRITE(sprite) Sample](https://www.plantuml.com/plantuml/png/ZL1DQzj04BthLspTGnIm9H9wwYckC4sXIOGbDqUnbYRnmduiCxCOK_hVEzieTkcfkYmpx-EzqHsnHaxE5X-C7ssQG1sO8tskQzJ7wjNm8UqJ0Ox1CtYknk3gQBNFcXNnPCs-RZwjshpQFNoldIO6bDNGY48R3rZ5F_uJlCYa0kbMvl-8QL3J0IPd_5I_-wz214ym9ZHyqZWU3CF82U5sPKHBS_xbcZckRe9pmSzL_WLtabnhQz_Wehj_UXxQpRPxUXowTlkjtvGBeGwvuF2A07uuHo-kYw85fE1BdQikrMATNqECcWCAtfs8mGrVGlAJnbCvtYpLLQTTj71rhNuMIhxppogFi1zqZEBp37krZj6QKRC9VY6hvkDIhRksUjpq8a5GjzMDUlZHP6njRJYIoYL9SL1ZS54BnINBHh9KVpJCW8gD0ojP9Dr-pUrAVWF5PwRbmxPWtw-wrDeHKCwxx_ks4rOcdT6BpLTWaX7oyuB1_Isv0pybPty3 "SHOW_PERSON_SPRITE(sprite)")
![SHOW_PERSON_SPRITE(sprite) Sample](https://www.plantuml.com/plantuml/png/ZL3BJiCm4BpdAqmvD9NQ62guSA945KNY4JK1Zf6RBDIINx8tH1NYtrdJ5-A4BollpCxCxdL0uR7JAZcHfb5T2soDwC8LvrxqsRl4TRVg0lZ66WI3MMCrTqgOE3C9s2gvuld5f8YjvuTx_Z7DBhCpQjKvJGXfm6VkHx-5D_en6qH1_t_Ov5w4DRHQcfRlzIVMWGdGT5xYHlXcBH4Qx3nC9v9c0zSY8FZZDZixdbkjhTb5-Gi-apCNIctXf5mylTR5V5a-FTPbiRohvkc0g7KCMBzx05CVh0UZ92d01sjI4QEEsM0Mgmpe1LfFUBcXIBg-iPrfXT-apVcO3KkXdOBXY7qcZDxXM6aFgreuHpgli68pvvHi14fh1jJAJyTiLXRPuxoY4GzicfspXvSyOZEbR1zO31aOMaOdT88ekbCeoOjLlKIw3KEfGP5Ne6nVktGfRa7IsT7YOajG-wsEiUXO8VejggeeYHL91_GeSmj8CNg8vSrR_Nla6anBb_u6 "SHOW_PERSON_SPRITE(sprite)")
### Using SHOW_PERSON_PORTRAIT()
@ -529,7 +529,7 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![SHOW_PERSON_PORTRAIT() Sample](https://www.plantuml.com/plantuml/png/RL1BQzj04BxhLqpTGcHm919wAXIYcj0KcbXOIdCKAsbYB-nZsPd5cDB_tbcKHm_LGRixyptccnjY5JbP0ztTxcbeR_VTxc5eT_j-t_peopLqoWQ3nGVj9fDcX2Dpe2zr7TMfEcW-fZ4HniaxHiVLv6qTZ79PyP9uDdgijvylsrnwlFzPMqMCKKh3LXXAEunL46nH_D--A5gCv5sfPglT1bPDFZLnLEpZQbrqPsAqmpUVtApYkPokDd2np7onXjy5oFTcLPvm75G8elE48pGX63qfrjwjfBJzk86cQwk7srue4U6wkeBxNzlSQupn9u8SbO0zICwW16AJOIrUq9yqCqPWRT685ybiVrwcAtbfYiuBJ9h51UXdK10mvmDDMNCKvWo2EKg7GjICm4Tq-GSH9rRk86P6dNtYp4aaU7MGTA-BMlJ4QdalOekK1FcqtBwk5jXr7cIFvdMzx_jv9AGS_AxlsqvG6VJMVS_p7PdaYVbuZjx-Ixb1DoTh_W80 "SHOW_PERSON_PORTRAIT()")
![SHOW_PERSON_PORTRAIT() Sample](https://www.plantuml.com/plantuml/png/RL5DJyCm3BttLvY1j4uQBKnmGKAYJ0YGW5LhWMELjcQBb2PHub9DYF-EG_awa4ETsi_l-JaNdeIZlbDGtAoUg_ngNQmUgdorBjVPRHdFe12TLHZjITselaNO4bb_bgPE3Cb6qhQlUu-kCPfGKzAOBhLAwC1uwAbLiawN9uTvI3tUtwMlY-GqEU9KjUGE8JMwn38sYlwNZw8SdJSw5cqdzHmcMOZIanDat6GM5JjFs5MNfjUjSBkuEPx3T9nvEeEt2FZyICK3rfMmbdcUiORCMYKRGTBe2QUM-tF8YZnvk2gvnI4iacEuVrg6MgQK6Jm4gnx80FkqWY5ThqYo5fI3948793jKhELvjlUlwM8QYypp1UDYD0Nv0WBifp-GFd3MtDa2OxPSyTP9Gg0jwl01Xmq9lM4n9NQcfz330xKWDkpkUr4Z7qkD_oFPICL63iRR-MI4BS8WQrJVw_tTpwDd2nnloZ8l61L0FzLVFzT8l8y1GtXnfllRSe6wvQVz00== "SHOW_PERSON_PORTRAIT()")
### Using SHOW_PERSON_OUTLINE()
@ -555,4 +555,4 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![SHOW_PERSON_OUTLINE() Sample](https://www.plantuml.com/plantuml/png/RL5BQzj04BxhLqpTWcLm919wAXJY6jCK4bj4SdCK8sbYB-nZsHqXJEb_xopAeuVeeDNEV8_vHhUHCV1eDDHtXwUssZtMXtrxE3Rtl_QxV0Kr6gyf-wHihyU1uCpiuxUo33WL9yNdiHiZXTvP9ij5xqpfDTeaU1LvqAehjr-lgbGwFjoN1YDJa5Ax5GOgIw7mWiso3zsphA8GdSrnCCgkOR59fueSa5rOhBBw8dgc_U56Es2uvFtr6fRpoCiL_Cb0dZUdVAAkHUz5vuaws7YlLO-id5r8QVjv3PkwAlQxHYY1uAQuXeVVszJRQEsc22bf17OWCJqAn8oQbNX1CocMOC3Aa1QlABFzVPakvxafEYymQMPBKC-0u2db0nMJPYVC0GHpbaxqGJ41dycc5mJg6Ur9p3HUtCY9CqR1uqdIlIvgrXEh-JwBpL8IvClyzNqnmsxI88-aNzVxlfzZb0XotZLDLGigWTwwxtb-4aUvKZgUWpF_Ksx93kdF_WC0 "SHOW_PERSON_OUTLINE()")
![SHOW_PERSON_OUTLINE() Sample](https://www.plantuml.com/plantuml/png/RL5DJyCm3BttLvY1j4uQBKnmGK9YJ1CWmLRH3evLsfejKff4YKir8Vux3kNhG0vrQZ-_v-TSUHAEkbP1Vhj-BhFbOxvUbUjDSN-tMiOJo4Lh5KO7KjUgQn1sHDPVfAaJVRALjEkgpgEhZIRKbDIcJQqIEX0UUsgKhDB5sN4MKfk7-_Hrbfmd9vmg5zmXf4QNMCP6qR_gKPIXyqR7eccbdi9e7gBqv0GPDvf4-TuJjkMrwNGZt3wkJwSm7aOUJ-0j0Zu_Id6FLIciPPvdh61khPAr86dqY5EBmodCyonPBGjkSGYpv1GUdXQXDbVAz1w2KmzaW6rQmP2sKoHP2ufU4g43aYqgrl8ys_lNT34DHURvWd4n6eDy0G7sqnz87pWhxco0CJkkUEia8T0ETVY0mvg4thAO4dlJKUZXWHeGMtRtlQY1ZwM6_u5ie68ZHyFjSZJ0Pc6GHrJVw_tTpyQp1OwtHP7bZ0gWd-gldniataUF8Rmuq_vjkKBTX9Vz00== "SHOW_PERSON_OUTLINE()")

@ -1,25 +1,24 @@
[![release][Release Badge]][Release Page]
[![license MIT][License Badge]][License Page]
     
[![integrated in PlantUML][Integrated Badge]][Integrated Page]
     
[![commits since][Commits Since Badge]][Commit Page]
[![last commit][Last Commit Badge]][Commit Page]
[![build result][Tests Badge]][Tests Page]
[Release Badge]: https://img.shields.io/github/v/release/plantuml-stdlib/C4-PlantUML?display_name=tag
[Release Page]: https://github.com/plantuml-stdlib/C4-PlantUML/releases/latest
[Release Badge]: https://img.shields.io/badge/release-v2.5.0-blue
[Release Page]: https://github.com/plantuml-stdlib/C4-PlantUML/releases/v2.5.0
[License Badge]: https://img.shields.io/github/license/plantuml-stdlib/C4-PlantUML
[License Page]: https://github.com/plantuml-stdlib/C4-PlantUML/blob/master/LICENSE
[Integrated Badge]: https://img.shields.io/badge/C4--PlantUML%20%20v2.5.0%20integrated%20in%20PlantUML%20Standard%20Library-V1.2022.15-orange
[Integrated Page]: https://plantuml.com/stdlib#062f75176513a666
[Commits Since Badge]: https://img.shields.io/github/commits-since/plantuml-stdlib/C4-PlantUML/latest?label=new%20unreleased%20changes
[Last Commit Badge]: https://img.shields.io/github/last-commit/plantuml-stdlib/C4-PlantUML?color=yellow
[Commits Since Badge]: https://img.shields.io/github/commits-since/plantuml-stdlib/C4-PlantUML/latest?label=new%20unreleased%20changes%20in%20master%20branch
[Commit Page]: https://github.com/plantuml-stdlib/C4-PlantUML/commits
[Tests Badge]: https://github.com/plantuml-stdlib/C4-PlantUML/actions/workflows/run-percy-tests.yml/badge.svg
[Tests Page]: https://github.com/plantuml-stdlib/C4-PlantUML/actions/workflows/run-percy-tests.yml
# C4-PlantUML
# C4-PlantUML (v2.5.0)
[comment]: # ("image is based on percy/C4_Container Diagram Sample - bigbankplc-styles.puml")
[![Container diagram for Internet Banking System](https://www.plantuml.com/plantuml/png/hLRHZ-As4txdhvZZxdGWiQ2VxdSlbLOw5jBUdc2N0hlNDpI9XyGwnqvj1nPL_Tyx3Y5PsAskKli2yTZpVPy_ZoVvx3nQN-Qgym4IetTaFKWFU-apG26abqQZugayHor0IKs0DYrpqXwkfijeDbxVFaQRsxl9x64QNNU7e-6m2zv0wGYKIL2fG-UDtCBx7Lg9iQ8DFKddNQzxcTpjTm3UI9seKX2yJyblcfmTgf9UInbD_h-P6EsHbTbX4NRoXfIZvr2PzuNxQJIok1-clBCoPd4suIpIViXx6nKATN3XodcXPCoWLuiGUfZFHZawJ_PL7YtajjDPVRd_jbb4ozNztUR-OJsxlOjwVVPpZQa3LnQ5iHwq0LTWGWwa1fyHQCm9UZ4w4c2EeL8Biconr2a4JZB-K90Rm3wJIGR2w0--0QpHK1zoOwa_16QytJPXIs3fzv8OHvme5QKiUL3_WwUd-gIh9CZGXOEB2GHjfIRH6GiHAGfdpNlfTMDCldDYOqDt0E-sF9WOPUprksWMpQExzURdU_wPtC_kbpmVfyVPxjkF7pzDnvz2ZikmeEj8ffbVIK5Y5SQzFiySbQrPsFM93P8J7VGef80BEVrkFyXRaggaeJle963pfavwniib7yn9I2ZTlvrO-OEYwocwZCHCQXPpXXx0H_yDXV6-fUXuwHL1OoW8YQd57BR6mgtsP3Lvk47zFPJ4wk0yvPtEWgmpkfUKpfkSx00cpLDt3ASmc6rrw35d3ux7N5I9gAeOO9AOKdlNPHr7wCqD1mJQGo_v7sDT2kZsuOyE0BHwUtkADrWKlFWRnJ0k2YKJ33sZow6lkCC1h0eRnCyV9o4s9ILtBAEIvZolJQ2-Y81QLE66DpvjV35caUVCha26M_6qegi5fXJOJwohnCh23s2iqrAX3U65DJifo04gzJhBjjJ9iTr9Vm1lsCdAI0SxYI55Mk3zGcpDtf5zeIWtiLHKsp4FWqRJvEq0ViCSsObpBQ1aBiCDTMNio8FP_cDjxeMuem0Gj9C9NSgRnZs17aE_2STGFmOrgrzdS3RsnfA3q2B1KYgTjzMHWjHSbddrF82ikYk0fSyWiIH8UudA3K9PaNEWJCe3yidmXL7rnMQdPAZOnUthXJCrlCosUMVE_S2XO0e3LxSLKtVzedMng3-Rie-UV8zob6hZgW0JHLTp7jTNBZ2lCm9PaQA2kKoiSMRh8NfACjGfmJ6JOPzXrjfQLCRKMuivNTpfrlPGdgSgI3ZGxE-P-O2nANrR0eFcAW_0MzGEAoTQ-pjBKi_QHNjf7novmFrblLwiUE7vEbVW3zVKHT_2rNIRkz2hOzEsY0gkRG0rKXKyAuY6iEgt0_ZAhzLHHTwUPZLL8xGA_XtGveQJMzdjPJa7NH8A1rjhygfVxQtqvC2RG5JpJ6yc3DbWFdFheiXM3Ek0haAqmcY5dDNZfORplD99dRRqg_bwKGCrcpbBlwZArgVsBSVTQZwxzAgTPlZZHyyi-YMwc_RwdQqndYm8YtjzVDUSFfzWDuJtuS2bqRr-vLduk6fdUVXuckvyPfLbhlu2 "Container diagram for Internet Banking System")](https://www.plantuml.com/plantuml/uml/hLRHZ-As4txdhvZZxdGWiQ2VxdSlbLOw5jBUdc2N0hlNDpI9XyGwnqvj1nPL_Tyx3Y5PsAskKli2yTZpVPy_ZoVvx3nQN-Qgym4IetTaFKWFU-apG26abqQZugayHor0IKs0DYrpqXwkfijeDbxVFaQRsxl9x64QNNU7e-6m2zv0wGYKIL2fG-UDtCBx7Lg9iQ8DFKddNQzxcTpjTm3UI9seKX2yJyblcfmTgf9UInbD_h-P6EsHbTbX4NRoXfIZvr2PzuNxQJIok1-clBCoPd4suIpIViXx6nKATN3XodcXPCoWLuiGUfZFHZawJ_PL7YtajjDPVRd_jbb4ozNztUR-OJsxlOjwVVPpZQa3LnQ5iHwq0LTWGWwa1fyHQCm9UZ4w4c2EeL8Biconr2a4JZB-K90Rm3wJIGR2w0--0QpHK1zoOwa_16QytJPXIs3fzv8OHvme5QKiUL3_WwUd-gIh9CZGXOEB2GHjfIRH6GiHAGfdpNlfTMDCldDYOqDt0E-sF9WOPUprksWMpQExzURdU_wPtC_kbpmVfyVPxjkF7pzDnvz2ZikmeEj8ffbVIK5Y5SQzFiySbQrPsFM93P8J7VGef80BEVrkFyXRaggaeJle963pfavwniib7yn9I2ZTlvrO-OEYwocwZCHCQXPpXXx0H_yDXV6-fUXuwHL1OoW8YQd57BR6mgtsP3Lvk47zFPJ4wk0yvPtEWgmpkfUKpfkSx00cpLDt3ASmc6rrw35d3ux7N5I9gAeOO9AOKdlNPHr7wCqD1mJQGo_v7sDT2kZsuOyE0BHwUtkADrWKlFWRnJ0k2YKJ33sZow6lkCC1h0eRnCyV9o4s9ILtBAEIvZolJQ2-Y81QLE66DpvjV35caUVCha26M_6qegi5fXJOJwohnCh23s2iqrAX3U65DJifo04gzJhBjjJ9iTr9Vm1lsCdAI0SxYI55Mk3zGcpDtf5zeIWtiLHKsp4FWqRJvEq0ViCSsObpBQ1aBiCDTMNio8FP_cDjxeMuem0Gj9C9NSgRnZs17aE_2STGFmOrgrzdS3RsnfA3q2B1KYgTjzMHWjHSbddrF82ikYk0fSyWiIH8UudA3K9PaNEWJCe3yidmXL7rnMQdPAZOnUthXJCrlCosUMVE_S2XO0e3LxSLKtVzedMng3-Rie-UV8zob6hZgW0JHLTp7jTNBZ2lCm9PaQA2kKoiSMRh8NfACjGfmJ6JOPzXrjfQLCRKMuivNTpfrlPGdgSgI3ZGxE-P-O2nANrR0eFcAW_0MzGEAoTQ-pjBKi_QHNjf7novmFrblLwiUE7vEbVW3zVKHT_2rNIRkz2hOzEsY0gkRG0rKXKyAuY6iEgt0_ZAhzLHHTwUPZLL8xGA_XtGveQJMzdjPJa7NH8A1rjhygfVxQtqvC2RG5JpJ6yc3DbWFdFheiXM3Ek0haAqmcY5dDNZfORplD99dRRqg_bwKGCrcpbBlwZArgVsBSVTQZwxzAgTPlZZHyyi-YMwc_RwdQqndYm8YtjzVDUSFfzWDuJtuS2bqRr-vLduk6fdUVXuckvyPfLbhlu2)
[![Container diagram for Internet Banking System](https://www.plantuml.com/plantuml/png/hLRRRkCs47tNLqoykrWPSEosktaf460TM-rwOJkkvMJx9b3IM2QM8bMIicCK_VSETRETf1UWVKdCeURCuLmE-SbOfcsP2-yz94hkKLlW5WxSxe2bARTSIIPeAy-PJ45mYS1qLkOeBLnFry5yl9az1j5iEPa_J8FRtd0q7FR0AYWDWb094-BeNV4jlDippLaiCC8dRgpnUy-TUtqFu8hBH9GfmhiCRTJvx9aeyJMNqUHZD57ICcAcXuKxoHKAW-TGEsiBy-DefDbXcD79ofZ8QJgkfLCCwMoZGZ3fid1jR2fuJA3NAsTwMCn7-n-6DyFlNeqZKxxrlF3p_TTe5Qp3-sLq_x2PpvQ1twTyRbXcm9H5eIYfKe4fM886k0IxGv0iH_1ZPZ05LPjAcQAc57EPWR6eKTbZWMO0XnrFTf0g-TvsW0qQayTSQUmFWIBEjfrP8sZyhKJ2ITkG0ZEYF6Z-WyMdfjAL4-oOSOMB4LBSqZ5JRvocWK1NQpgBtujPyeqSkpJq1l1sIuk94ahVlWtcmI9ORgAVxkdFv7v-lwRzEAjtUsy-VBYPZc-SZzcn0cy3dkrio5DCGxVs-xHJCziGiTiscclBEXpuw5p0E9y-TGlHMwEeg35pb8d3TeTg-8pNQofCIyIrxbzkXFOey7RAp0xJEQtz_WMw0n_zFo6KjQSGdkLM87G9XPIpJBCSjah3ZDfJIxHmn-GtrnBXaOgPUzuAjL7IJqfZLOvw09FkLsyChHdKjYfwJDw3kin5vKZZx6p0aaILqXfAf5T3HtTaI9a--idtXFMSGAyFlzDOmOclVy0uOaL17t_56CP58NZ2d6PGddfVs9uD82oq8xzud3ZR50KdaJ4LDT8UonDe1X6Sm3Xp5pTk3xuQLzfm7fbQbk12sXPulM8PkkXjr33HlB036Cki5CprQM-brPxwXYP3YDUZR4kPr7B7xT4DGb9MYJImvyovS0rqNeYrEf1yl62KgvYJKjNfM5IBbjFapG1-PJc9cRpaGeAQSpUXfemDSMbgzc-ucHVaQW8ql7kUu7DwqzXFcMLERrmPcf-EJVZB72xMblJ4EFtM924PQRMkIaegGcsPLxy7JYneLe2Lr5U9nfGAo9aWhQAsGcD8-ZDQe4s6BnBL33PbYhkENSrURvofeiyqdAlDANF_a26N50AkffLK-FQbTFMzFxgs3vwiZpdZ8ZALWG85rmjQDoFd8c-eBBmAIlEpu8bMHcqj14_9ZadgljgJOCym6sudLCAKM-s4_tAcpzBkshFfWeGCtVdEaWyiLgKzjS2W6-K1KAsaOLKcJkdtICVEvE8qj0y6ZOlzURDPXVJXvNVrYFtzDnTDNtrQXukMJgjZTIOHDLmh00rIPRniY3PWfRS3-4BNwgWEtbMpbk8QuPp1Vm6AxiZvHFiqB9UWQsIfWQrMUQLN1qtZwwvD5wY9CxsRj5bmc6VPUjPa8S4Qm6jdhJ1EH9xruoM7Ix_IE6tkmeUBpQe1wWvpuVwYAziydMuvKYjw-3pBrTabs6yUFVFWvs0vfSVELYdhhYzwOSdwhccVJx0VqjEF2auTwVUhd9qzhjpkvEDZk-rz8fRqjFeJ "Container diagram for Internet Banking System")](https://www.plantuml.com/plantuml/uml/hLRRRkCs47tNLqoykrWPSEosktaf460TM-rwOJkkvMJx9b3IM2QM8bMIicCK_VSETRETf1UWVKdCeURCuLmE-SbOfcsP2-yz94hkKLlW5WxSxe2bARTSIIPeAy-PJ45mYS1qLkOeBLnFry5yl9az1j5iEPa_J8FRtd0q7FR0AYWDWb094-BeNV4jlDippLaiCC8dRgpnUy-TUtqFu8hBH9GfmhiCRTJvx9aeyJMNqUHZD57ICcAcXuKxoHKAW-TGEsiBy-DefDbXcD79ofZ8QJgkfLCCwMoZGZ3fid1jR2fuJA3NAsTwMCn7-n-6DyFlNeqZKxxrlF3p_TTe5Qp3-sLq_x2PpvQ1twTyRbXcm9H5eIYfKe4fM886k0IxGv0iH_1ZPZ05LPjAcQAc57EPWR6eKTbZWMO0XnrFTf0g-TvsW0qQayTSQUmFWIBEjfrP8sZyhKJ2ITkG0ZEYF6Z-WyMdfjAL4-oOSOMB4LBSqZ5JRvocWK1NQpgBtujPyeqSkpJq1l1sIuk94ahVlWtcmI9ORgAVxkdFv7v-lwRzEAjtUsy-VBYPZc-SZzcn0cy3dkrio5DCGxVs-xHJCziGiTiscclBEXpuw5p0E9y-TGlHMwEeg35pb8d3TeTg-8pNQofCIyIrxbzkXFOey7RAp0xJEQtz_WMw0n_zFo6KjQSGdkLM87G9XPIpJBCSjah3ZDfJIxHmn-GtrnBXaOgPUzuAjL7IJqfZLOvw09FkLsyChHdKjYfwJDw3kin5vKZZx6p0aaILqXfAf5T3HtTaI9a--idtXFMSGAyFlzDOmOclVy0uOaL17t_56CP58NZ2d6PGddfVs9uD82oq8xzud3ZR50KdaJ4LDT8UonDe1X6Sm3Xp5pTk3xuQLzfm7fbQbk12sXPulM8PkkXjr33HlB036Cki5CprQM-brPxwXYP3YDUZR4kPr7B7xT4DGb9MYJImvyovS0rqNeYrEf1yl62KgvYJKjNfM5IBbjFapG1-PJc9cRpaGeAQSpUXfemDSMbgzc-ucHVaQW8ql7kUu7DwqzXFcMLERrmPcf-EJVZB72xMblJ4EFtM924PQRMkIaegGcsPLxy7JYneLe2Lr5U9nfGAo9aWhQAsGcD8-ZDQe4s6BnBL33PbYhkENSrURvofeiyqdAlDANF_a26N50AkffLK-FQbTFMzFxgs3vwiZpdZ8ZALWG85rmjQDoFd8c-eBBmAIlEpu8bMHcqj14_9ZadgljgJOCym6sudLCAKM-s4_tAcpzBkshFfWeGCtVdEaWyiLgKzjS2W6-K1KAsaOLKcJkdtICVEvE8qj0y6ZOlzURDPXVJXvNVrYFtzDnTDNtrQXukMJgjZTIOHDLmh00rIPRniY3PWfRS3-4BNwgWEtbMpbk8QuPp1Vm6AxiZvHFiqB9UWQsIfWQrMUQLN1qtZwwvD5wY9CxsRj5bmc6VPUjPa8S4Qm6jdhJ1EH9xruoM7Ix_IE6tkmeUBpQe1wWvpuVwYAziydMuvKYjw-3pBrTabs6yUFVFWvs0vfSVELYdhhYzwOSdwhccVJx0VqjEF2auTwVUhd9qzhjpkvEDZk-rz8fRqjFeJ)
C4-PlantUML combines the benefits of [PlantUML](https://plantuml.com/) and the [C4 model](https://c4model.com/) for providing a simple way of describing and communicate software architectures especially during up-front design sessions with an intuitive language using open source and platform independent tools.
@ -93,13 +92,13 @@ 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/ZOvFIyGm4CNl-HIrfowupSMJfvNrk6BnprccwT069fEGcI3zzhO5YoAAf_VcmVlDEub2rXB8N7bsL0Qi9jKajzPcU6z7hrFfYs1saHLPMnU3JGIyTewY0_dUdc-EtHgzFbni057CI_HsNXhW6NERLhxfC4la9croHnxakgelq2FLYtbCwYC3LVSeBlljgWzcXpJkq_selg2RE58Svpz0pxCeXaOs-UztyuJqVV3lAtR4bpa7Sq8UIg0F) too.)
\(If you don't want run PlantUML locally you can use e.g. the [PlantUML Web Server](https://www.plantuml.com/plantuml/uml/ZOz1QyCm38Nl_XLPJYciTYdTPQUCxjYniAtduZYYCIYoiPIM_FicWPQDqR7JUnAyJqybYqtITwWUF3di6yXQaSZFnYHxraSlRL_t3Ca54Y3HBdGcegKfisHfqDTckrbMqsh_jZEdjNxIgt5rs8u9wmcIZXDVLP0uK15dUK5l-J7BTxO6p4Vp7iK7ifYz0hlavobVg1kaS5VtA_e5hgM0uJZy0VeSMA0hU9R_NbSVW3yBtsznGtohir0bK3D-Vm4=) 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`
```plantuml
@startuml C4_Elements
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
Person(personAlias, "Label", "Optional Description")
Container(containerAlias, "Label", "Technology", "Optional Description")
@ -109,7 +108,7 @@ Rel(personAlias, containerAlias, "Label", "Optional Technology")
@enduml
```
![test](https://www.plantuml.com/plantuml/png/ZOvFIyGm4CNl-HIrfowupSMJfvNrk6BnprccwT069fEGcI3zzhO5YoAAf_VcmVlDEub2rXB8N7bsL0Qi9jKajzPcU6z7hrFfYs1saHLPMnU3JGIyTewY0_dUdc-EtHgzFbni057CI_HsNXhW6NERLhxfC4la9croHnxakgelq2FLYtbCwYC3LVSeBlljgWzcXpJkq_selg2RE58Svpz0pxCeXaOs-UztyuJqVV3lAtR4bpa7Sq8UIg0F "test")
![test](https://www.plantuml.com/plantuml/png/ZOz1QyCm38Nl_XLPJYciTYdTPQUCxjYniAtduZYYCIYoiPIM_FicWPQDqR7JUnAyJqybYqtITwWUF3di6yXQaSZFnYHxraSlRL_t3Ca54Y3HBdGcegKfisHfqDTckrbMqsh_jZEdjNxIgt5rs8u9wmcIZXDVLP0uK15dUK5l-J7BTxO6p4Vp7iK7ifYz0hlavobVg1kaS5VtA_e5hgM0uJZy0VeSMA0hU9R_NbSVW3yBtsznGtohir0bK3D-Vm4= "test")
In addition to this, it is also possible to define a system or component boundary.
@ -130,7 +129,7 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS")
@enduml
```
![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")
![Basic Sample](https://www.plantuml.com/plantuml/png/JL39JiCm4BtdAqouf5Bhq0ekd1eY10UA8fB2CNAIWLho9dj2L27-dR6wuSkJvYtpnkk0mkEeLN8bJQ_60TWEqONxFFTYubyITsCt1l2zDGW6UMzrxfGmqRC8E2ZPvUNjeegZxUOb_rxnEtv3exOaXv06F7SnFwd01sioCMXfvYmj8ig0Ng3rwIofzm51jmzsD8Fm-wnVagWMsYbW1owTiP-4qJidPnDqhN2Eb1_GiS8v9Nk1qfgKHkNrd1LrnLyV6x9uO2k-P9ltCdA5KdOAB5uM65f6Ppb14Zqgb75bCqb4y0ob1aMx0bNyFPRCy41Ipb56PF86wdJSfTOsa9FmkMcgcbHHT6OlCK-0L6E229_Uwl-MDPY1Fl0F "Basic Sample")
Entities can also be decorated with icons/sprites using the $sprite parameter, for example:
@ -158,7 +157,7 @@ Rel_R(api, db, "Reads/Writes")
@enduml
```
![Sprites/Icons](https://www.plantuml.com/plantuml/png/hP9BZzem4CVl-HHUr0ChBPj3sqkbIek0Tf5uK1v5FQ59F05NZfrw9l3rEmvXD-f3wg4dE_EV-VyyCtaYXi1rQPCxut9RQrGdvee-f6c0o-FHyAdEQiAGUyVe-37tPLfPSB5cGAojoTBHky4gXdRpMLe2CGO97KPI0SPXUAoYVtAdiP1FDPvydOwMYyq_WBYkG8Uthq0Zwg2GZ05LmJ3IZQVn73LweNnQBhR3_MIpd4_-AwY9mGN9bpXu_pgrMrSfk6DjeMtwT_axdE5lMaa_x84mdF7NyautQNmxjJET3RyjTzl3VhfzFimcdoUBSVy-ILQIu5q_9ZwetgWczYM6djnNw2kBYa_0oY5gLGMlwvn9n3VNJZ_s6a3lFdbPO9ygaEBDQXWzsWRZTNj2LKgACeun592trYpnlCLUDH26kiZikw2RKnS5bH7ZuMeQ_UEmulaCJbia1TOgsPqa4YdhZoRlsiNihjSuw-jCgiV0a05XT9gRF7Zo1QlDbrbZxQscsnWUb0yQWnASFFliJOvo5ZwKmCQxBgopAs4cQxJjlA-psX5Ij6z-FKc8UgD8Vt-M3-jhxysJrmYQqdr4HVa9dPPz_mG0 "Sprites/Icons")
![Sprites/Icons](https://www.plantuml.com/plantuml/png/hLBBRjim4BphAnYX1mU8hA9jBWKAnB3Lne1VzID6JyPQNDaiA5BbKlRlPodBYT0sG0yzYThPdTaPye4yE5-NEhfH9jUrH77qlgBFQUhWt3yeVwptDQ7BhV5eV3-tPLffC64c8I-rsgV3JyaYb3RJINhwqB_ll-VIRiWJe0owVXNuenk91V-AKVOq7ivdgtyGydK5qdry5LIC9WLt95GvvP7I4iYZIoMU0aOlAb_di_LWcwtcq-o_2ZKrE2FP4fFxrzIkhb8mXrf3Q_fF-2USu2sif5zwnvkTyFVnZfiqx4vjffF1Z_bclTkEru-xIVOjcurwjr6qu0PhUg7nJiJ3cZmlws8-Bz1M6eK_WXS6KOhAMLdddXXyTt7w9Mu4ujlevG9xL04FhnQ3mD4Q3CVr4KN9BK9nbAw0lANsNCzRsGi6h27Ed7rNwChKbO9ACV5WCGxy8QpmVGGZDP80hGNV7JSI2MqFAk_IDTqThj6-9_SyFG8FUo0CJ5ELEqksy6BrVT9GMotf6iETi4xooYp7Qv-iOaFA5DQLu9KrNR7ENR5cj4JTvdt9QaCOCesRfySD0M-GYx-_mBlbnNkpyX91KhfjNXx33sWat_Sp "Sprites/Icons")
Similar to icons/sprites is it possible to add links to all elements and relationships:
@ -181,7 +180,7 @@ Rel(web_app, twitter, "Gets tweets from", "HTTPS", $link="https://plantuml.com/l
> Github does not support `svg` links in README.md.
> If you click on the image a new window is opened and there you can use the links.
![Click on the image that the links are working](https://www.plantuml.com/plantuml/svg/jP9FYzH04CNl-HHjhuTPc4dOnPCmiECWUjZLOB9w39rqQHhxJrDL8GpYTxTxizb5F8W3vf0chrBl_NZ93R52dfmjNXW_s4c369aZlQugL7FvpV0uzHC13i4pU2w7uAfebSyxEs9jJLyTN-tgBDtVtLPE4GCcgJkc3MKyO1cpVr43Kl0RfPtnMo4F-JJ4g3YWt8gN5D4mx6LyUEywIzRuxtkv0YqmVoNeRUXNZ5jr2XD_Z6o2fzBfYz5ew9Q4RWdS1TpH6ERVrUKkBulcb8nSzoPCNYiyROQhnDue5os8PNOkgBmKFmgHhgUYDZFqdOen9No1NXnYj6PGcLqcwNYn5OUcBZ-yRTCAWhWkhyJTvsFErq03xkN1sZ2JoD-B10UH2A9246woR39nEnjcGC76GM86-Yyjfzf-FXQtuIKnyJzcdrzNKNm2k_u_prNT4r3kvttRrisVxglbWtyU9QFiysJmJFWEcD8ZvECh1lUFhZVWTP9-0G00 "Click on the image that the links are working")
![Click on the image that the links are working](https://www.plantuml.com/plantuml/svg/jP9VIyCm5CNV-obYviE4hNL3NuJ1vX1zS3hSfeybRQykc7yajvOXVdTlraqH7qJ1FZHmadlEBwST1nGUQwsI0sbALLV0reWkd6MP5qtw975T5tK0Nrg3O30jhSwS4YREz0DMIXRPzAG_Zz9gTfsz3DFJz9YaV4eJGXhmgOl-oHnyiAOhAYrDZ_59N6L0Bz1wtcE7mNc9CE9kUsuO9INDyuZlWLgO7maAPOjCYu3WiskniJNUEfJMX5HNdRMi86yJyZQmRtq_h6tpLMtV_2XPRCX8v-UsDfNmcsuv8FQ5q4u1Q_V-2igFs6l2wFaegjj0aGldAE412ZPnJibIH7RAuDDEZqqMy_JcOaaZ7jWm7R3P_JJcLn1AF-8JfMmJMFnUWQ5bHE04dTIrGXc9bur4weMXr43C4FwbPQhjRLTS5zj4ujzb_xsk9Ba3jVz_FgjQXUqr-DLoELzyTzzRRltZ5Xb5dm-3Jy9BGAgjWRWyUgj_wJe6Kv7q3W== "Click on the image that the links are working")
Elements and relationships can be decorated with tags and explained via a calculated legend, for example:
@ -214,7 +213,7 @@ SHOW_LEGEND()
@enduml
```
![tags](https://www.plantuml.com/plantuml/png/bLJTRjfC4BtFK-pdhnT6JN3I7qMgX1G4gAb4MWg9Sed6ti5ikzwrTjRGl7rdrn08jLBrQj7CcJbppeov8G_EDvK--q-PGZSInThxcZvbcODjlrH-tUGDeIkiyMXylx1LLcimeUQ2lDGgpqOVBcOXz70tpIeWZuv3on5NW3Be-dNeVpQKSgAnuYRtKAR9vgf_cPoBDxbr4jt8Qki6oV_o-ltbk-karu6-2kWLD_qRDeVYPrEVeAq3KoA30tgE-WJfyTS9aeEQf-yCBloJHZ4GOw0roYb7qXvtdg4ZQz9Wrxb8HWrvMw7ZecI6jkOAlmOl3A8KjREoAJmblNqLo4ePXWx3gyWxyFQFMZWaaJY4put4Ha4C6DoAu9RWJTNMi2aK1K99WsWZKpwl9gKQc68n6mOcbjXeYAJttAbYY536erj1qGuG6OgTi3O7WNpBTn8dY5izfhiyfHiUwnJTp73imR-Ei3VW5TLGgp31x4iW_04R2Eyj6AcH16Wj-EGPI2IqBLKXql1jz0_Myh6W8MKDzLwAVNjADSvJcNFpCNZ8WJ0GtQd2MR8hBnRVfv7PQadxJPwB-448deRLRQmgaD-LTHLuPdofmnLhjS6WfVsLX9-DL3uCNYfJXi22JMHT7yKJWZiSm_xw-N3dg7TNszx30o65olXNm82GZnashZkzdBUcHh5p14dPerCUT-dzTH_jlvkZJRz6D6s93j9RdW2ha0XAx9IukFtsk9nEFa--ZjFUsGqQsLJwDm00 "tags")
![tags](https://www.plantuml.com/plantuml/png/bLHTRzim37pFhz2yFTXOQgVTYW830ZH8WdL0kcL9Ypu6jCKuscJ9a6Hd_VUZREUZMRfXJpR88uz7ddrh7HXN5RBtHgXCLXpPnhdIVaeI0ziu5svJfPL5asdbKBauqqLIIb2-vi8wBaMQZ3zUp7teyNwMr5VnTJoWq6fC5I0KchZq_NiZpgSI2sho07aOr9Vn8EYpTwas7CrOIss6mLj-ys5mTHD4Pz2N7hscfl_2ff3zhCeJj3QWSYImHozGdY0T_Zf1Kb3Iz6U3I_SiaGtP1Em6-OmYOKITvsYiLg5VLvy5uyewNQ2Xec2EkgGAjm77529dfT6yofobWRegu8LG11tvfx3EWDD_rC8XYPP2k6_4QW5DGE6M-MqnkbIf5It5DW8XjyDsZL5lVvhGba0Ko_d8Cv74Ia93-a2T2e8mGMStQyYw0Jn3rWbhS-39j-IJPeBTLVTqWrEwqR5ETfuPZdVmloFi5l0NrL0AFy7yYoVy0JNuvnqeBcch82KZonFGMYPrBZ8M-cyZFgoMp8BA2griz5Bi-rEgIHhob9fFm44ArZiek1UPqLQl7Lj-dpNCMdAxksIVDHy4esb8NQq5wHPghKq1ZXXVwZ3PHjJejRHlljkeuiBvmNEXSXzOqX99rpLxHZ17PkZSJyQbxw5pRUk7HuiU5pI_0WBuV9Df5tSclLgqIst4BX2uJPwC89DsrPsxZ-x_2aUNVfrerX8Tf7Syz5RGnI37inANTz-ULhFfv-dNIHZrRb5n-Ydz1W== "tags")
## Supported Diagram Types
@ -327,7 +326,7 @@ Rel_L(x, s4, "uses")
@enduml
```
![(unidirectional) relationship versus bidirectional relationship](https://www.plantuml.com/plantuml/png/RP11QuD044Rl_eeq9mED4lNKKneLMh1KD87s9AiEZNHTPNSaxR_lZ59KoF6zntuCUpGeD0wjj1uQLScXXiqLiJTFhgl5pVbgy3gKWm5TTGf1eLDrhTjBeVZDtc0jcz8DWttAwlAMkAqm29fK4T8BqIZGJi_xBwzHNEJdE8lVpvzfREyiAmLjEcMBnytsURlxnvBmD6D56CvO4qOp0c5CQ9sQ36HnuJ4UG26_DpUwdjgKCaxLtHHngk-cX1Eiqdpu3_aFulpN8BIsEH3dXuNmM7WBuRFm5o9W4V3cT3vDZZE30KDsEfobjvRHAFsrJ4OPpF88ggQ__mC0 "(unidirectional) relationship versus bidirectional relationship")
![(unidirectional) relationship versus bidirectional relationship](https://www.plantuml.com/plantuml/png/RP31QeD048RlFeNDoK3ZDcekFQLHeGLBHHDeJxBkBebaNSLTc_RjEwC4JSdn-txcds6ssj3EzBMq7Yh5PC-5VJAcrS-4TFJY7YjpwijUYuuroWXbNDRKf9LKuSnA6owhaeJ1AaLrU4_8j-Tkt2TGHGWJj5AYSrliVtsBuYBVnrdyiVzAOsTfMQdeTACS-cWlNXRBAvQ0kmaPO3WX1umc580neBMhCY6B0vPXWQ7oR5_WUiZ6ACE8tOqYZFZTAC58_8kkot_0VmBdlzg8sj5hu7mz4nuARoPy5FvC12W2x1pFXygX1bwkmOw7e_HkPJH8_rOcWmmckHMAm-__00== "(unidirectional) relationship versus bidirectional relationship")
## Layout (arrange) elements (without relationships)
@ -369,7 +368,7 @@ Rel_L(x, s4, "uses")
@enduml
```
![Relationship versus Layout](https://www.plantuml.com/plantuml/png/LSt1QeD04CRnkq-HvgJGA55FFQLLeGLBHIEq9rbrQ8HrbTrPshnzPmn5Svl_3_RRaq6XqOxIUHXK9sqFkmlYR9w2G8iV_tl0Yssj0TrD2a6XtqrZC4kX-Ct1O2-7DaZYGy5Kl-V1A0o29ceIUY461TgVUV_rBSsQwfoLsSVvgyXSpt4Aq6PIhdZSxP_ttd-sb2zhTfJ9cZrbkYPGPfHEBgvDpLEjjzmbtztjJldkRtVEDwoV_zB09mrKLuCmkkP8NHqt43A46uWOeWt43361Ku9iQfvSPgm1GyfOBXZUOxfWT8_vWl6A9r2z7UKV "Relationship versus Layout")
![Relationship versus Layout](https://www.plantuml.com/plantuml/png/LP31QeD048RlFaMQaqApDcekFQNHXHOi5KsWFScgGoBeAkxQDc_VcGrbpUt_FfX_XjahBIOzzvtpqCgwcnjONRGUrRFlJ-A7dLjzcQjPmLGFKeFKh1vwV-o4f9cDqatNLduSRJ9If_VK_mxOZZsXAcES4As4YOtK__gMyB8uyfn_7ByoxdgEay6a1kcAnzNwPUtzOuLui5WZnXORnCGY87949nNNyaHLbMToJhc-vOHoSyifPR3BVx7W4mkAgzBGksgBN6mN8Y0HB4H88bo8Y4H4H-JGuH5OQMhmRGejoTp8u5ucHeRtCZKoid8Fii7__G4= "Relationship versus Layout")
(In combination with [SHOW_FLOATING_LEGEND()](LayoutOptions.md#show_floating_legend)) a greater distance between an element and the
e.g. floating legend could be required that all e.g. corners of the drawing area can be reached.
@ -404,7 +403,7 @@ Lay_Distance(LEGEND(), db, 1)
@enduml
```
![db below legend, 1 unit distance](https://www.plantuml.com/plantuml/png/hL5DZzem4BtdLtXH3o0jH5NRIwLAYu3THUA30bkEqH0FuCgnKyy4r7_VCIIxKQjAFVGKvptFUtvl7eWXS5NOvCwut5OQrOcvfCzf6k0oE1e-LVkACEJUCJeUvBv8ImikplI9jJNxTFInluhGotoM5a2CGQ1i91DW78P16VMJEuq7-LNZoRVfQBdO_8CHLoNeyE7Dq0ZRFyYDFfN1C5BZf_4SENfrULmkjiFTPBESJ_whqHM32v8liF-fQUqjLGhkM5ceG_z9VuSp_8qhw8VD2CCPVnjlfqdZswdkT2L7xxeHkbUTKKNi2mmTEQ_GbnOLdu2LGzIg35vNEPEGxswPldIkKfrUyhggBfKWmvlLC6hKKU9nUq9Lo1Lb76CuG5vBi-1vRNlZG3pKHLfk6pLARIieZGWFLzEe7sk9tsTmsY8fi5R9bkGYaRB-QFAsNBpTrXhlktelqsDWs0DXL9gRF7Zo1rQRhxEhjBUQcXhkbGyQWn8xUVRPcnpbU_2X03RUjSrQMn7FP8ssxllMrGiX2HxXAn1ZjT5iVKjwVU0QGLEwYyAHJZRFortsE5iEjzF5KpQRF4qMusulcS7FR6o8mUNORT2RnFjUye1Eo_P_0G00 "db below legend, 1 unit distance")
![db below legend, 1 unit distance](https://www.plantuml.com/plantuml/png/hLDDRzf04BtxLsnG3o05tAzS8bKA0f8WyLLCoj4Ql0DijTvrTzQW_FlEsYPOhIBrq9FNRsRUc_VMVY0FpfUvZcwKoNGfKHozB-W-ZXsS1mVbZ-Mk97IPDHwD7sGsZmiD9ipqoKkjTl7eQtyLe9VvB3vz7jmDFZAKZdW2b44tA09_T2DnpwzYFFan7IqNoJy8-R80wRvS1HLN-tlkw5FXb4UASo2FBfPu2ZLwKtbSBZR3xIHPpYV_LQZ2u8naS-pVNLExk8h174eDZUc_op_X1E_LSlgbKzxiX7-Ejzp4ONTgCbtnqPfkW6v5PrIIvxLSXyyhj8L6uO_WXK6Ked1MbfadBdweFNthL5ITNlHsLLqgW8UJrJ1mD5R2SND4aNEBK1oQsqFMK7l6iqQshW5hY3Edt1QwCBMbe51CF5nD0t-89JoVmKYD941hmRV4ZKH2suFAsdHLTujhlElA7K-FmSCE20FJN6NEajrxaNoVLTHMIxh4S2kiaxmoo_7Q9wlOa39xwtBmofgsMEjMM3DQesxohhDw8GmH1hW2QbjND5tNJgi5rmYIuctrHGMov7cvJHzdo-5ckdXAPvEdoMBSxKKpU4t7YdzDas7tWjOKdthH0nh9j_yR "db below legend, 1 unit distance")
## Global Layout Options
@ -444,7 +443,7 @@ SHOW_LEGEND()
@enduml
```
![Predefined person and robot sprites](https://www.plantuml.com/plantuml/png/PSp1IiD04CRnUvuY1Wyfj5qGJuBGf0OzL2qMyHXsayKkxEuCCxEeRsysY2YvVlER_uv5awJWYmiN1vz6Mvv5a6-K8lsnVNToJYQnfG6Ys2ZR0O92hsF-sR2CtXcrlzuSy_JwU511irYQfduF0I7c7ypzucY98TROhilgf4ErBYyPoOczhN0-NLMh7zHtdr9ZCy4Mp19EhZXziTWmGmAJcozWGChcBwSyvUn_tVpgTg7dziFpMt_exhkdktfLx6mSK_3V "Predefined person and robot sprites")
![Predefined person and robot sprites](https://www.plantuml.com/plantuml/png/PS_D2e9050NWlKzXqaB1d93Q145QKWihAQAbE3gKuCmTPgxzl7sEH1Hjp_tEWRlGM2XiUMCDQb4sRSNiAwBKCq9KSGykDLvRscgcIX3810ObS2ARGfZEI6FLr9Gi9wFCHATjIcvXC0t6NPGlWKiGfYFDlfKnfK6uClPjvrXmnxU7MgeQsToH_Ibql3VAamUwCkfW3FGVTiuwFZKotaC5r6mUW0BQqJTN9ZAplphwwFXFzzkR_JbFatMoMxcUjM2YwXvu0G== "Predefined person and robot sprites")
Additional `$sprite` (images) can be defined with following PlantUML supported options:
@ -481,7 +480,7 @@ SHOW_LEGEND()
@enduml
```
![Sprite, image and OpenIconic](https://www.plantuml.com/plantuml/png/bP91RzGm48Nl_XL3L45MsYP5XSkAe5PB1KWBMwL572itddKjENPaEvGLuhypjfTi3d3OKvonvvltddtb0tTXx3LxeKodHu7m5CBWLtNj-7CbLNWQ7qUFhhCce0bLP_jwqDp4ddCVX5QFzVhD-MqiVVkogNlk0pegFQofWok3hXeYdxtAfo7IVAg1m1qTyE07fm92aRQAevHtThTJ7TQfNXyRtpF6heLeKTzpMHP_zHHBE0luCwojjgufpgxRTllzORtTRDkufMdMVxQoWAPGlLn5_wjwCfaSQoljPJKO-SjtN6DpKLt-JaYKQCJToTslPzttfBWfA5zlDK9mIafqA8e5OxTas9eo6b_cT40wEmuWbAS9UnJmJ3S4_93Wt4hEaY1ikeYoowj4cwePaPG9u4P05pEYzNP0yvbQL3VdljnPBOYGhRojBfRfV2CTtyTnTtiVi2zz-j2S_7_GQK3rNE99aKTeY_gGmiIbKe9c8fG_58V0fLz4U5mqntUnc06c3EQCoQhvbzTawnEzbytDnvkl7ye5kq8Z2Fm7 "Sprite, image and OpenIconic")
![Sprite, image and OpenIconic](https://www.plantuml.com/plantuml/png/bP9DJyCm38Rl-HMXGj19e-NpCb446WYG1aC3n74AZHSYfKcLfC24-EyuwTRr00TEJUtuiT_NENUUMTzKYcn9NQg60ttpldQZFBVi8nFIlpMlZGDR6kr1-wmqLLuhfaFDdlDSoTTyVBpt44BFTvFy_J0xoVOnD1zZ1PCQR5O7FjbjRzD0Sp56EIpmWgEkjj83JM8gsOnoQXOBMK8Uu_ccy8mGSi7v3DGJ4scodYSPqcqFdtvibB55idqncqrVvkFfP3eBAOMz_aYr0nI9hCGew4VvQsXKh8mmHrcjnPShcO9YFplwZaWGeFdZlwiFUjLFE76HeB_EAA3UIY700ay6X3oWOAFJ87pOkaE5DKrDkNJOOGcSVk26A5ivs9VIUeaGqYqYBTSdf7NH5X4duvHfJilW4PwdDUXRB95bdxkpC8eZePM2knx6-uMmR1dQFIwTXofryODzsl_Ld9hAYWdub-K1YfjUkT1nCTH28v6cxv9HpuGRn5U0XsBpBWOzGD-3Zj59rRzfZR9kyBrChgwlxY_J0Jd7lI7u1m== "Sprite, image and OpenIconic")
Relationship specific sprites are typically smaller and therefore following options are possible:
@ -532,7 +531,7 @@ Rel_D(user, user1, "requests", "async message", "if sprite starts with &, it def
@enduml
```
![Relationship with sprite or OpenIconic](https://www.plantuml.com/plantuml/png/bLJVQnin37w_lq8DeMiXoQN9DiWWKDPnCDRHqjBdujXAOkgpRvPlMHdxt-SVSPEikK7rujCdIzyd8TybEMPTMwlYH6gkMe6mTgwXJsLfsMQqacxTBbf2oursgDs8cxfi5DCXPqXEABaehzuFRmFqyFswh1avj1vwl0ePlzoe2TMBMxHaz5aeDO3UWpzwv_lWnHQ5YqDyal798JxD-DJZnVspPwtFA1u-almGUGVQs9efeCPAXmJC8ZXZO25NKDoXUhpUYifiKYzz1lNy9pUjbMZ3PtSL7-qdUDvhei198YRE58g35FCKAU_sAAUTb4VoRxuTOHl4Y_Fnw4FYvQPUI8tRH61Q92bUC33GkDb6YfF-zgguxwpu1hsvMBVYV_YysZ2c1haCe_NpLMXViZdJiC30AOg4GTzPoVHA8VmkmDjuPpk_ElIhpzN__6escrNTVlKnMDNbLzDaLPUVRVnAxvyysRJyBwjhh40RHniUOZZZOF9O1g3a4u9R8oGyZsH_CJAMza4kyoh4nqwmaMuDfuEC2bnAZGGCRXhKNxdHaWyywfXK18IxNuBNAcCu_WQClrt6BhxizYC-P8i_MYGNks3qh3dKICHM681EET8TbP8QFaNz4vMd779b2CMkNPX3xrNqlBX4BTfQ_GK0 "Relationship with sprite or OpenIconic")
![Relationship with sprite or OpenIconic](https://www.plantuml.com/plantuml/png/bLHjQzim4FxkNt4reMiXiTDa7MGGAEimZ7MqjFHpaULB8YfBdYGtAwF_VIVPRfmrBbHVx7jET_VScowiOyRLfOoEXEAoBX0spbNsQveQjatMmctglBPek5OEbKkuBjDACkLj9jOLKkJfvUV9ZOVkVrsbJxFaF9aIz73fBVwufFBUeniqLgiJxseCyJrzujC-UDQYSBQFppfyje_FEtnEU7JtR1sM9pPyIDF8NlC9b3Obas0h8nnQO0R1QGsvM4DqY_BXgYNLHHDgHHOsfb-kQoE8AVqEUo7jg86NSHK8pfh0bZE9nPw9VWmXRtiXvuCX3zXV_pmGRHmkBgV9UHENMfGBXQqXC5KqL8WmC52uRJNHqQYzMjmDUlm0tyxPCEF_uX5RNwOAkV2bfVfAQcXdpPc277tC8cfJ6JaZc5fJAdyZe3FTdPsSxSlPj-mzELii5jcmd7tn9nkIitbpiY6vEzCtV5zwbQNXVnrTRGfgWg-dNyGm1xumNLd68CKZjNA3JS6WAqb_C5wnC0zYrOr2M7OBMzfgE1vtQ84hwWcr2wuhL3zeqmKV4-gOa1Oixfu4uYg2EZm3ccwd8OlllVdmYspmTutMXIoOVLOSIhIMhJt9U92ES0UfD0aVetf2II4dN6eQYLswi8JuZVOqka1LqClp3m== "Relationship with sprite or OpenIconic")
## Custom tags/stereotypes support and skinparam updates
@ -652,7 +651,7 @@ SHOW_LEGEND(false)
@enduml
```
![merged tags](https://www.plantuml.com/plantuml/png/jLLHRzis47xthxXvGsV1hbrxnGeC2D0ipTO2sHR42VOOdCIpn8qYDVBa9Fz-Hz4AvCfRq8Vw8PJ8xxxxxjCTypumUcvhC_b6syAqYg1YRi9FgvN7XsMfkMhpDf0ld6Mol2nSlMeCsXZpEh0oEbzTl7rz7RVkVhjQrHYOl6pTNqW4Qaj-sKJ-oLsZaEdIK2qyMtuoD6l81sSNyDrEi1VEE7ysBJsHdMQJSwKEs5iiPzFzUlbcUepyLhtxuStcNTpDdLVaZ_TFSgm_vzZ9Bz-DETB-QHslJX8ff1_NOwAqFoRQeJ4v5dzt4MMFVjlz13tv7Zxj83HOK03q19x-QIamAT0Mk28mL99LYyCAJ8yC3vgh50GL1c07EO6YdROIDujVU0cI5vmGU42bD6jdqGY6KPimKbdhmhij-RqkA2eD5JPqTgdBYhTQaTh6zrac9qd6hQWuIr4GKXZCAC8XH7m6C-iwhGkGXsW05B7sR9gbacKtD5HeDC1OWiMQ0eJAjKPrnUZG67nADlGMI0mzDaONceTsfCgx4a67pa7jen5YmRZuP3Esx6faNGZc2UHlqHhaAFnpQm8xZ-N0bHlNMYdnP_TuS2Nhc_w6J6hut4Z12-YMpcivIMJ9gwv_H7hVLQ9sUWgtYJYZBRs0Mx_g0yR49oacprCx2mqkOBgzFf_AWhOK7tnylAq8Qe60jan-5tkDA-Ik9uisY7taqnaM759BxZL2Fy6CPJXByvmTfpjNjRQIeLlXT6QCPpgmHx7_IoLOUe0qkmCPwoCPsEYeuFfJJFWNxZ6k7z4gGw4RdRmD0Wm1Z2jrqGzLpmnYCTcWdGtPKPPqQSpZqtoKL6hV9AytNytiUN_Xd7HzCxHzy_LzxyNqNWmbfOuDqP33OnJ1L5JscU3uOXfMjDE6jcaq9UeNUOD-KiSi_Oa8aCb9BPywu2wajDr_GpbFnyci_y7SNoMImnTDupy2tGoe-gV_W7Vu3waj1ywqahf_NtSUSwK3n5jhK5qwZ_w-pB9vWMNJimm-qB7NkUFgcRqpNPRJfEFxQTxlp0Vv9jkFV_nvVtNvw-Nl7sRICe6ooNkoggtDlm00 "merged tags")
![merged tags](https://www.plantuml.com/plantuml/png/jLRlRzCm4FtUl-8eQ3HgQTVoIqAQnDW6cpHWMZVnSNBZQs9mx60xtVRVSxQJBcs31XBqmvpOv-Ttp-ykUsyTCwugPE-9KAciE4BkN6dVJIQ6tOupuV9gKLaqgLOEbHkdkfYKaYc_vuLrN8h5vEZLYmi_TVtvVBAQZL-FzsdgveXsCA7GZ4kFtxikENDu8h4WdBcxbpWeqLYjHl1iIR57McfpqCyCekedlKFEwzWhbWtwg-bulxyP-PI_VRa_U-jd5zfmD5lpNHZJROmb_HRBNOnwlfF7NYSGP_XcsW4KvtU0bapA1Kj_X1rP4_qg_2YwznpEbc1Bbg85PX0C_gpGEkGW5BWSGMA6Ye_g4HpUERYb-ugR86SMd8O50iSbNGE7WR_XCT2ve0d00EDSEA4LanH3ToNj3ij2f4RFqQn4YfwfpLc91oSYozrSSEHp_pv8Q2NIk28M1t4NsBWD1kZ3mVhu10PA1wuZe0Sl0AG-zuHo3YdJh2qn5KJAiGmKAqW0c-jAyf2Ci6I_-oX38m7jmRjIYbIu3Jb2vY5543OeA8mNmakmctoGcLLE5yo9b6BkWVwcbIJR4l5jQQpJXcKjLIvrfIZ53_gkLYLfJ7-9CXf-8IdX4OGXQ4qh4Ing5VpZgTT-8BRzhhYPZvDqgu_4JVVQ6xQ0ko1wwweTa8r6q9zV759WdwcCT33-yOgyLr08NO13i_HUSpbpmPDfHQeKPAsmnb9deoLNWa5JmNIhzY3MSx9vt24l17M3VXYX-sJcruHrXf7yVqj1uIqqjRkcCTsWmKhX6LoS-GE_inNpuobJNFew9DzGDwH0Qq7gJAHDKJN8v4DgavPyPPFDP4FJ6FgduSwXbFiiQZtxRs8FrmsdI_LPM_Ok4lzOzuPCeqMRKdIizOBKZvw4mpHN3m0RZQcTqL98dCVIf5qVwGqUAdKRfLaX0bGvqVBH0TSs7Xk-XhHUBzSM_MtCpNa4gMyqblzEq6KBgdq37U4X_ZZQigKCVP9jypuD6hkSMfplMgticgQI_07Ax16KsHhb0M1JwuNs7vzwCOXEmoFKrlrfsCmCM-VrvgTVlzsSdtmw-N8y8CjOJ7hlgRlJ_nE_00== "merged tags")
### Sample with tag dependent sprites and custom legend text
@ -711,7 +710,7 @@ SHOW_LEGEND()
@enduml
```
![tags with sprites and custom legend](https://www.plantuml.com/plantuml/png/dLJTRkCs4xttKt2DlN00nyewNxu0HRDOnqwxNJYRr3_DfJ0Inx9QYbH9AevHzDqxf6tHiPMVDbSHvvmpXpE7_c8iQ5iLelKXbwceEBAbjQNv8Oeqh7fPRfTLKXdKgP8MfUsbgeXA0T9nJetb8a-YuVzExztH_7OS5M0iQZgAXyI0NABkbKw_zO7ZWZwPCd1F1-_eCzHWbiYBNF9er-1KbIWDffNExHfqkimjfhRIs3_DYMks1i9rjksYeIeA9RsNu-BSa6SGObCEzH_LOf6d64rHFw8s4GSB2HYCZJ_u_39oaOjteA0iHPw2pPLy6Ko3JB6q9d88EeZtMA_15xd65GZnkTKQS7xpP55B4FVKLyaPP9qsI2NNXQfCZ4-stMKVJKbJnQksCX2xPSI9WFIFU0c-AZ13oMU4lGfKvd3j4zTXJpcjZ5K5waPH0Jh3EDEgAezaiqnZ1XPviowuC3IAGiLpsqsLKFfA8m_2qsQaIK7WrLclVn58HsvSjznOxKUzS-GirTdshbQO3CfotzRnNW-rYSC8nTAT4YaV2VDaNpI4hq4nb5-NTBaq-whke5dHbzYczBee5Gy6q13LGtKY6INmQ0fEVeB22-yYxBYMM4E_glR7mMHozn0FxyPt4ozBrAPIC5GhrOi_Vsdl0UlCRC8Nq-lfr9dtEUgozhLAl378pDN1OphP4ZiXqJlM58ek--LHIGpa-hq4thFirHrHInve7kHSJjV6OX5VgqfoqEjE-ed05jEbrNc2flUxQP_yrMBqLo-kGmbqwo7W0sLny6nHxM_m25tctexCsErlmowRgOBAxBBt5FflWt_oN7cKT3IAc2UaGulqcY3OQ9jF9t-xdluwPXUzYtqrdXmgTNnQ_Ts8z9EBu-QcRVSvc9tt0zj36wn8PVuK1F-kN4jdWasjqXiRIcPgTCtwlVuRHggIW_Khc6_-sms9NJgK3x8RHTYeaflH_DrgqH2EmXEcFpTedDhNsUn-6WH223q_vEY_2Xm6wj-AU9MQiBTXu8Ojj2eOICvMxhaPPfKJeub7tqRNb9vIQSlEpy_-lt4JTCA6dsaTmdPR38Zz_Qt89IkriYfLOjkiVtdswN9hEvw71RvXd53mbliWT-3_eRxy4IvSe7bSxxxE6DRnf7vWeJsLfb_fbszyy_FDzr7dfFK59QyAyGy0 "tags with sprites and custom legend")
![tags with sprites and custom legend](https://www.plantuml.com/plantuml/png/bLPTKzim47pthn2UFYGpmOPGoaodwH0IA6L2eKaeZnxPKXotikHACY7JwN_loTzn4g1v8jBjtjxTdiAvqbZgD6RMGSG3bXAAbbedwgFhIhnomaWlKpzLL0Q2Qygr4uZOJHZc1dEeD66HxuxU7zwReuVRYVlKTqwT8pZoHe304QVIIGo_TK3e0huYeV0z7BmXpqXYjQGaZZXnomI78g5SqI2LaLvZ6ImZJGETIje_Z02ht1WhJMLTJf7E7Oau5ZpNidNv09bTp5WfjRp_91QBAA3kZCedAfLBiCO-LjHJsS7d_P6BYBqX2YS9YmAi8y7t1qCZ0vfevPe8EF0Qg9V25v6aAoZgisKD2RbyXhPmpEuXh-1p77Pip0LVno9L7dtMTW-zKmbqbGviQ8jdXk7v30U_l2NERXaDAITpY1tKK6JYxAx9q60EKgL531UxI1cM8VL2AT9aYpOC9GsnfcGtBpPcs4cAKnBfNY2Oa0D9IKqysnsf0ipeuCZfd-u25MfCjaXfcRMwL6GaLTxELAseFqoIfgpjkRQv0OCW2WKbKrxh9Z7ncwGjyxKPo-kNAOqlLPErOTGsexb2-TNBf73PQi0EgxRPpROAID3kWg6VKbQepIrii1fGesnKzhlXT7htw8tk9dVJZ1QWUwxgCdEcQl0d--TUPGKnkVays9vElIx62JraNuXiFXg7Qj1Qfcu1xDIEBb4p7FVGroV1QGskzgN6RNYloWWhJ1evitK0bRCrF7gnTo5IJh1STu9Z28Q7SQbbv5Fb_5Hszu-5u5CDhWCEDEE1m4Vmud1ZKFODVi8zP7Q7X-ZsnwY7vYA6QtJcFDVv2-DtDvd7VaTIvX4VU62G6ITcQ5puqz3VhcVV9-WKVYeQRE3s5bCdSsjM6u2kZ1tpIWt7rN1-qg_HkR6tfN2XVZC8_oPCIYC2pRIGkGp1Gp6-G7sd_ugGD87roaRmaFzLDWcTcQZCoCKA51FDLw9h_RKiQCAMUUhkms-FMKZxUZw_dpNhgKoOuTi--c-2NORw7vACfG8q9eo9GWifOeGvGIkpRWffOSYWu-xD-0BSamYfqSd9qOT2JSMpCU6QgnrMJh4HqPZV2bIYH0ejOAUBPFspe-EpGhRtK0_m5U7c5NrDVPDkG_zZLVnMt7O1s-rwKpaJlFQcrOBLwSqhS0qlt-Joo-MtSQThdSDx1l_D_0C= "tags with sprites and custom legend")
### Sample with different boundary tag combinations
@ -760,7 +759,7 @@ SHOW_LEGEND()
@enduml
```
![custom border tags](https://www.plantuml.com/plantuml/png/bLHHRzem47xFhxX5bKYa0ghKfqr8fO3QXm8Lj9hwX9puIAmcTcGxfMZQVvyF4vg6RTgUsllkxlEN--wuCPPfMvT5y4N8jAWvGcvjPRuEXvhj1fcmUPtK1dMgf4Lf1wagXrN19FNqZUM5I8QJw_uZGS_pXs79Z4NjeCr4bPMIr5CHVz23vuepYs1pX0mbQf52ech9cTw3iVi2WKb-I8TcxsZAy192Hu2wqi8WHII32TSRDgq2ZMysO9KA_1ktHzer9QAB99keGkbHcAc2EvgBhQCvGebMEqbOeZH7_GcDdUXeXVtOivg3DY-jezny0urzWnQQnu2zAS4Dz2Af867fAwG4npqG4WhCKFAMuFM1z3zaxt9XiIExGUCWQ9YYn0rj34qOnl0Z-1a4asQCcrDXwYjFcRCUB_6ZmVW63vzLzu3Zrl4OO21n1rxcqMPQjK4RjliAWp7d3SiJow9GOwMCiCgHNa9h61fH_liq23KvusedP3OAhQuRg48OmOfUHFVm-vgGA7OvKZCAxuIzhnDegMZFDRrUeMaoRX1_kOcGA5bcHkqleZ41d6uaqiZu71tHQZQUpcU3aWmFvqo_Sh-9DDEFfIC-O9f6QL5BLXHxm7UBz2sm4pQ7tgOfxe7DcGLXeJO7FxZORb6Zj21PYM0gbc90LS80IfOKQ5erM619VvdatQM7hTB-9eZ7QIB2SoFVhZuPM8WijxzpqMDT5pqQ4-lCI_aZgSRkcH3I9IIiRIMJokQecvYscf3s2PoMudRvl9YELo_mzF8uEnbBOZg6Dgmde4LxmWu4cEPo54wMyyVbOhPuEcEc_pcQr2dtZLqpoDQMNwwlvQlnvYVkPNYxydkJCjdfyNRwBNjW-ysAVZVI93u6gOkCYmxXz91hht_SD7MEeZDOLxQ-NtxVFCpkPejf50StABaxcLy0 "custom border tags")
![custom border tags](https://www.plantuml.com/plantuml/png/bLHHRzem47xFhxX5bKYa0klKlMn2AWNKFXIeeDNK9-J4Hx0QxCWsC3Jjl-ySan1WczGdyEUxxpxVTvSxOvcsctKUV18opJSSOMLjORvrkvhjEfcmgqsoCQXJ9IrAsqdLkblaJBgSjh4y5qbtSDj-Tj3h-Acx_TBvslbCq6AWreMIBgTm_44BNWlEB89T8MGeKOiK4hMHdEaz6BlF4PZavNLeziRYEho6a0XG5reOT2SdWmdA3QjKWSOd6x1A1Rx6_O5sxYwYgoGRg5pfNfYfd1FDrP9e3b2YrKuwB56Qepv1On8TpR0TUrPJQlFIpfIRxw2nRT12LGpOLWbke1L91GbBto5rSDm28I57QW1l29wNf1-GlLi9YnUoFHe7GSKK9TIqFbJ7C8PVmUyW65HjNDI1gO-iRovolCHZWl497hw8RW779V4OO21n1rxcmMOtQfqcRFS51dtEAvONbaMXna8POHMHNaEZ6HfHVg0RX9eLusedPDOBhTvKK87GWvchY5JuvzmXKKntJaqlV13sSPD0GqMph-dj34rrGutupqwuSfPbfjTyaMiJGBqZaKR6nqX4ir5_E1vrrixmSCpqE_UJMFQq7Zh71qoxLj9wI9RdUy2VjA7q5jZHra9hKGMtQ6oP1M615jdvmSLoYPggWcHh6kY2fHYuA6409KlSBXrZCCUr-tMxUJRqiAGvBtV2yP2cal32oEtDYO6vo5RsRoxMs8cB7eqTwyXB-IUfnlCrEI0dX0vhMicaeZVewkocsYF7eQw7udxwEXdsPs_mylOyEXfBOiuDFR3MG8Esnae2J5Uo5mwcu-VfP3HvkMIc_nnDIihhn5CpoDQ6NvKDtbVZpK-eCcnl_DoaJ9xbU3lzb3sn_MBclXjf4XyExjjWw5GUX-LTS_pZAkbiASuQIs7pn-cFnTFeOJGPHd5mH-DAA_C7 "custom border tags")
### Custom schema definition
@ -805,7 +804,7 @@ SHOW_LEGEND()
@enduml
```
![custom schema](https://www.plantuml.com/plantuml/png/dPHVRzem5CNVyodI34qWyIU4KA99I6rOj5LAeUAFjhV8YIyGrN6GxQZqsy-9iyMqwIeXNk1tpxdt7jlYZWl4H94HuoQb2Iamc4SXJlpRQCJGo_2GYcCH5nnOabC1L0oJF1kT2AAbPy059cayMhY3fnBj7iDHXhW09b6qA1rdCJoLtOsRpc8LhjRHVJGrvwRrPRQVnBPdQTojU3oPUlQjpYSL1zjpngxEdOhlSUpTJdG-LXp0ZhK-os2tNT-7gZOhFqtDhptOmmXYdQiPiODYxEXSxUJPimbATAuoJ5rdvdawLvaTRDkkrdyTX57ui0nQcgdYDlYzlIWQknD60W826L2n4Qy4kjO96C-frJSxyM6HavpDcxEMS9zJeV3bKPJwd65WRpnZMU17XFENb1xcbc05MBtMmN0Mm2WYqOSR-5Ti86-ZVHn_vGAorfpk5JcTJq9zECw_OfpVZ5i3KQCw9AMWgPe7qJU_2ZXhxRNtq3ECf-gukqd1HPu1wvkM8eYOFgBFyjhCHLsJDxUfSdHZLQbZISy3BOE2-ETHGkceBL5m5jqCfQJn18FojybhvHiXtJEKWPGz_ltUqbl6rpP_jzME0vSogOfyb3nhqijDDa0nDw7QXviYhprBI0z7UVxlulx7hQnj3XMYsShO_5pzYiBWHx3ytkqPTx9B-UVs1m00 "custom schema")
![custom schema](https://www.plantuml.com/plantuml/png/dLHRRvim57xdLr0MJOcK2o6aGPCYjMHegqIJAXTjRyY6amJLc0YRNlxzR4mQPw6R5F42t-MSy_a0TuoZWfSPCMvI6fCo0NFF-O5z6mmAzDhVfNnVuf914UUK0-NzECy61uAezFGOJqYA1pEtzoIXpMCuU77wuxuje6Wc7M-yVv3LZPlMR14kbj5zD3QdflLbiXrXsxCqtArmF1fxzgsEZoeSRCyPkZhkLFWsmTxjICU72WUmiLPd7cpMo_jGSHDvdJY_zYHUWW3hkEg17OGJHyVLJ9uz6Q5OnrM6iUjCF4_7LMOdiMrNgxyCmYXyc0UDnIIv3dwlpqXZSqWGXu109fQnuky4sjO12fPJgsksy6wMaxoOdivQW5knXpEuFWgfpui4YhyyGq6mFKhorvJkfXOlIh0wZOt5Tg6WY4IVJk1VCO7OHdCxziuuP8qvtIjoEly9zMax_ufs_gdT4eXgrI8fXJFLyONecb_bftF1oVUXOnXFrN6tuvBnF8EYQreAGSJq4NqMQpDdDISsjwfojB5YwbZ2yq1bKE0V7YKKZjeI1M-ydQ6Kd3n1JpwRxAWy5z9jWJ8GiiVZVKDj4L-R_6Ag3GCcP48L-IX-rgJdawo09io4QXvcyhpsp27TxSNvNyJzXrjPcnmVWUgfZDNFnQye37u4y-_jZd4dgiYVsny= "custom schema")
## Element and Relationship properties
@ -851,7 +850,7 @@ Rel(personAlias, containerAlias, "Label", "Optional Technology", "Optional Descr
@enduml
```
![properties sample](https://www.plantuml.com/plantuml/png/XP9HRzCm4CVVyobCNfPANR9L82IUDdKWaCfMGG69b-gQ78qbnsVPPqP0V7TiQrsxBYLFFfz_T_R_Vxvo39Pzfx8NKjVADoXQPkFUL9M5-t8hkVKRxz3Mf1arbpLrbL6WOysvuqR9JJL_URwCgIyV5rK7Zj66rFe6ZQA-YqKcNf2TYGP_W5SiMeG6hLXQCcYvdugle3ncrqspInNvBNIOJqN-Je5hyydJmpkx1Ir_0qlI4VfEn6Ga77Ch8XNFFsX6gv75srz6aKKhNfSN0LwYTQGBavPh9S45U04RJ5Lt9lO79MxGrLQcdIZkWoUFIip3LG-I9g5dzXbvzuBtALlaktq-pQFK9EoWwV6pOtGPcGJ7AD0CKhdB8NJsYCuEq5b0zpDOtrA3wqMXmt9QwAetEAAyzewf6n0k_cIP4Dy2G_xOW4auUVRi-LvY28UHlRGGHcHEEgZJeMUzYvx9MM7TQbAqxV-lXVpW0F-64VQEiIjSMeRi6kyeqQNVS2OSGzZghKZ-_IndvQloGbXK40kTSDuOieU5WecoKqwE-ZZguYTKJx_yaPL3KiSz3OslK3U-K_y0 "properties sample")
![properties sample](https://www.plantuml.com/plantuml/png/bLDHRzCm47xFhp1vMIfroHg1a7ZQb850Abi57KYyL6voD9OSdsLVDWBQV-VihMlNjLGysJv_zzrzdy_ddgIZljF9AsLgtJSWMYBhtnM5atVvIb7RBtiFhaP3O2YliIkibYRad7fgj5eMrUlJMGZTV9uMjsN-9Z_ZqE8IhCQX2qas54XEH0C_PQz9j20RS6Bcq8AZOIo-ITr3Sj4qwr2MNiaEqh58FsZfstJq_FBQhQHHloKfD07q0v7GAhcBcoFgSF-9ctS6IBp_nKqvhlqsFsFm39n7azcuN6WbFOEdSWanwze6Vgd59VZQgNWIsHrxygJ4FfPwb3HYpkGhqBg3Zp6QfUjpEawZrC2-HRhRTjXD0YQ29mzeaahxoJve-GGjjw0bGpTliBZ21XRJpF1oMEXyi714UTrxmcwFSF4dIOJupXZiTmqOySsBjgkDn2hesWVPIAlA2Abu3gKop5clTo_apA5k3MfS3V_MmdtkUy1xViB14tIPZyj_pCKMem8Vf-54n2-cp4f4_sxp-4E40nt7rmlVMujkEr4GOdB8oQC-7dNn2-Zd8t_Ooira7FMKYS_1DFpL_m8= "properties sample")
## Version information
@ -878,7 +877,7 @@ footer drawn with PlantUML v. %version() and C4-PlantUML v. C4Version()
@enduml
```
![version sample](https://www.plantuml.com/plantuml/png/ZOynJyCm48Nt_8fZGBH3dQKJKwKmWiG2Axh4r-GavnBvpgG_dvXWjGjIfqJltllytaaDewKnL0yiNKYUO32RzRck8owkPnjIcvHYDucHcEkciPu3IiuSr7pWjcwEX_SiVRozrYEgKLobhsPD80j5DsT-zGHqOJMM7We0lYagJmAeO7Inwl5FsEspNsY1pFx73LLp_Bp7xycGWy8kJtHGkfRx_XU8RQ0hy6MBRDp2EIVfRFrHI4eUM81Sx-0yJKQnsZxW8ou22zjmyv23wp90yQLckTuEEP7ujVqF "version sample")
![version sample](https://www.plantuml.com/plantuml/png/ZP0nRm8n38Nt_0ftg0e3IOLWwOHqZ4LYQTSgTp57fE2S4eVZvpVfDU861gP4ptwVxRUBh0EdYnClbZgN3CAPUOWVIWKzojxoERKfOkWyCHBBpb_Ku3GLpogoSRPLpMPrBDBNuLDTrt8htxFqqsI7jeH13eKltW1lDhAb7Ye0hXYYzGGw0kEDnUk_i5YMVi8HAlj1DuXcy_rCly6yY8kmA2TAgBlM-l8Fg5k7T-1-iapSoZabwZX_8kH435W2bBs4a_UCGKmFc9mRmPY3cmsISByCD1cOHLQgyqDsI2Pl_mi= "version sample")
## Snippets for Visual Studio Code
@ -927,13 +926,13 @@ 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/ZLHDR-Cs4BthLqnzMGVGshj9jm5wMYTEazqw7uta1Zq9b3YMcLAaIb9nZAB_lKDAaQsuWEk39G_V3D-RUUElrZ7Zcah2o66nTaRaQ9_jAFf1g48s767jN6r_dauDsqnAuTPDtbWqXLOEbPiKkfhMaYbVugDrN8fyUldZnmSVMjukfXMp3Ws5ialAO4AXcTI4ZJv0eoYveYBWrWWhBQNU25M2910mnM5mB8obDmrqEKXTC2ctLADdUNX1j9ZzSRzCi_J-8PlVFzsDJw8FNMYMPCclL-db3SMwqDEtz2PRN5rVtSqf64KFQAnMsTMh6pEbrRRIZSsyy1X6ixS0B2amEkd0OrQM1alcaFV8Fl8UoYkXX7M6EQ5L3nz4trAYP6iTLjc5RXHdPZikFiVxqvhGk4x-Ze0-uQllmtY3USRgcj1FcCEihgKeGkaHXRwp5nP3KXlVyzlVBsD8TKN7S3vvzUSpFmyBdfhrZNyHk84QTIqnXlRc63eRn80lzA30iyxf6rqnWPNH5Ssk6nTumZ5mGHvYCiptMmeM2wUzo27pUJusA3EU4uz7b84p9SsPOpcpwEdTRfFV5l1bygLbcr0Pj0VymXCgh79IiHOrHPZyqxxdcpDUUlYrS3TD3WPhtQaue3PU2OasJ8Ik_OL-G3kVaVyvIyzEz-XOPAPOWr0SNz7-bqobxL-I4kuqoGa28UG6YLgLUdu1fvFJWSZGsCSacSuSlQmGkOLnBdK9HDlPaz1Sjq5qzf1-KtFcWjkMxTkR5-3SewoMw9qowW4MQgE3wBWhEknJkAtp0MW536onHjv8v4334fx3Fxs9_KAvZN0jXRHz8yJUSVidGwVjBSD3BzFIsGKzWxg8_76meZlZqmvPh-KcJHyImXDwkAV7uSDTFPeISlhZFHiptetEDsnZX6-jqpwLHZ_zFh-W5QorSN1szkadAZIeitFTeDPxMB3J4B5df8qmwAVfTA5bTzdf-QVFvntjRDdRunXnGh4Zx0Vb1loVUl47k23WIBl-hvnTrPtZhj7rXWQXLjfKOQoxdUdRrazqK6hdJe8EA-IwSL0tkHG559fZkn_2QIFmIDNErg5elqoD5QhqYnx8zSi-BEMrBjWsU-p_CNUjfgElg7XJoNy1 "techtribesjs")
![techtribesjs](https://www.plantuml.com/plantuml/png/ZLLDSzis4BtpLsnr2Jt3K8xSr3CzHROSEwdy4PEgfoSEIAuaf2300g1bJQV_lGk8eaWh7LS74LmiTj_RVGj-CfPfsrG2HXQBjTKyH_FTZ8AVk2n4KoAihQtDh-EnPfjunUswoHk3kb3IehHneQfnBPXq8TuRMmgUZoz_Vl_WJ8lR-VXv4d-CJycKNT89nYNgk2RVu1qqaWvN50Ji6c6fX50RBbSWo0cOB66mpRMXbG9A3a8LJ8WjnUXG7YS8vjC_xXTfbju_PBFxfxlm97ZNcgP9blnsbLxUaAqrFNr9RxBvrVNLtOoCGV20sYYPNRtOa4abjvLgJEQ8Hp2QxWsm8CFef7KEsMgbSSKibfrdPtdjMbPSScCrivpIxDq7rlsH8DaQYrLseHfPChqDYmzHlrinjUlaxm3ev_-wEeGRp3DMr-JzX3bCwrhmmeSUaUahUsOH9BLsDR_z_JA2L5Mq3UVnYzkVkduOLszjNE6VEMwWHbKBZ62NEO9M1X7WCpt8y5tbz8-sY66fLULxvzi53d049ISDqPlhxvSK31PMUP83vBCyr2YoCYSSZoWyPZeqOvRbpA23TxjDlitX8wdBeqqe39eZVFu95LOviLXpAWKb_zEynfkpSkNShxczQNBGMAkMnH6qSCa56jyHIlkPNc3N7uVYypGzc_JW66IwM0EN9RwW-H5DgSnVWWxSAKV74GH_rbDKSgLc5p299mEIlh2FIJAUMbei4Ki3OIxK2WYsDIU-k7Q3Q8zJXarTaXwTsXQxrLuBSEwyZ292f9HHvq15rSgJZjgWmpgre-fr0AHQ1gPOOza84ZqrYpiC_tGYTWDbDzpk8AIx5NdqjdUN3EtkiWmt7Kq2CBfmJySk87qSZUX1-3H3nd6vITE7XFozz-ivVSFzHxFwtqVycMwx9sDMjgrp1TjexafhbU_hj_duw-o2Hh1MsiBPsUalRUukpa1rXrYltVPowddqXBJX6bqthIgKQ9DDpay_dBUmiyL17cy0BvrItq3V3pV0_zIHF_8x9d1ShlzBvn3reBXhqkzUq3INIwMhtMLxc9ckR7qHTA4EwdIkWmYvQYpKJKwtB0q4VPJyV70QMevlHDtBsWVT3rDZtDLCW-x1zOQz7yfndRDjzjZTc8TIqzOdb2Lz3Vy5 "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/ZLNVRzis47xtNt7p1am6d1WTzZGWGFt3M5iuYMlPwADn4iyIKOeaICgfD-n_7odPAjqegFEGaCUxx_lkFb9vRnqQLrTYy0kNkQWPGUcSjdzD9WPVxWlkoZghBPbSIKVItUUgccY1CjJSMSS4poRpF-_M8RHxN4qgj8wC3-tdlWAv97El0_xlK4jVN7aGS2N1GGcXNhWiGFWaGCdWwfWRwrSAF3a8bQCG9u_HgNnDC9WojXGK4BPO9CEAvqQbP8uyf-4OVhCbQdfOyg9qAMV4qh1FHluaA-PAAFCmd2iZ3ruLcPcecwA3vpWVlfJSDJ511KcsfM_keIK1sx90GW4TR80V3KS_Ah9E6ImYCHjLIvywKzzwn8X6wTVJMr8y_Y3zyFnblrvkqkUd_VDkk_huj4nyU4t6AfdajMUio8nXtgs6KxY46u2JTLJjPq48cbEIl_CfbspuA0_ALEYuaiCH_3i0_zDDFK6ju-IfreBdRRAFVy8ZsjnmxSOmbKKjq8JmDBXkEmqsM5oXn8A2xTo0Dkh0HUZkckrIiJyFEwRkN6vfnv1g4sxMJ2aNWjkIG2ik7QW3O9wJjU0xwrG0ZnhretPOM7Y0-0gz5bHv52zxdzNMKposEvZLDZ1kCCkuU_pSi1kKLYlZ6awVpcKGG4UIphw2DHHIlVgeqSqb5dUwgRDJ-3itX8uioD21u9OOC7JOa7LWe6kZbILxStjOC-uY3TEmZ_ddlqxkdvRRi5mRTUICB2XJeEIs6UJTYmz10nC4733dmYzlbx38lflEijZl1JhCq3OodWtcWk3T7tdOfKuPiZyrjds9VOpTn09bFFcOy_6KVbv5T7WP_Z_4u4Z6UhhcgWdH-VtT56HGghp7crw5_RRuqyYKi0jobaUItRPJ5yq0C5ErEryzS2KwAF58_fVM98drA_XlCDYGs2-Y3qhxzdUjwE67xNQT-iHpMdFOyrvtcg5xmnq8Ooe26DgJpCVmoN_J9bV0k-GrPgiZ9SbirvKAA5yeIrN-bPolVgiuUi4TIAUjRiH6e0rE3qfqHxkPjsRpzaEucCtFBIHNZ7ql_JOHCKpxmcw7k4ZfOUz2lQsqr3-mnTUngsYvsfh12a_xJH_R5TBbVzbg-VVoQP6C1kzz5tKb_WS0 "messagebus")
![messagebus](https://www.plantuml.com/plantuml/png/ZLLTZzew47tdLqovLof8BDnMlIzNMgbywROLkqi9g8zeufXWrR4Zss5Bg_xtZXq82PlLBY_4avbppdmv7wr3uufCTju8nMIHSDWxbzl_HYE3ZyDKk7qH5vORffNZoWsPpaQvHELZRgnBf8X7qmytIs_Qt2r6X_V3VuV_a6axfGWKYfjXxl7VGg4eE2CGS7iEEosbVXGg1KbEW2g1ncjXB3rf87AGcg6KHyAeL3ubw8oJP2wvHrXZskjcWXaTSNCGZ7S7yBVTOyvlvoBTkqWaF8dykTUdDt4wrLARs-vK6xKZLTnCP162TiHnUlcu5oxO94-vIjRyXxijIS2MBD3Z7XsiX-zt-zUAhDC6qvgObIuKkKxqZnOnCYZzVdnMIh_JYJuzVDikvwleuNxxi5alFj_FUsHUScErwh6263Dk1Z2jdhfZE9i3mD4wdcqdNWYQOu-z8vUpDtnMEsqoT4AhRXz-TO1-LTLxcETrvt6UIy5APx9_mGDQPaJk1Z1MQI7HUFFOTzrM6gnlSOQAokBRBWpaHk-4zDarsSuHsrEnwzINBWVQ0KIvyPCrqTfvuve6AjU2Hall01dZrjBycKe5Y5gYL6g7gOLRQ8xGjQ2CK4ZsbjQ3AExA4qmAwnbN6CV2tNqDx0QLpRLnWPFSAPm4y0FDXNq2QxXt9VMrH5TdMptJLH4V_V_KS7JSWl8PI65v0Waw36GL6EI5oRNbzjNfOP48LzCmzkSw__IlqV1-llQFIwCFDFCMj4bH2HiAUVD89WWmNi0EcP3q-7e9i_ZIz2Ikztj6-SLeWum7WqnoUFUU-LD4AyRjYuqzR-9Jnalv0-MbydNEksFqTL6ZmtFnVrBn3pJLH1T6JSfBlwkcO09xpLxepJCApstnl9Uc-9ENC_SZTJcUrDLg01Zhmfr6ZnOE7UpnG7S-xJ9NF6bNyBlJMN6vdTKkb7BtDwNexgVrUXdvwwHq2ozRzdMJ9s5Isxe3laof1qDxL6m0N-XE6pM0DortGAaZellOLbbfZ_ADnv5ctxcZwEU2cnjSWbJQYY2s1XfmMb2QCtggUMYsA2_2sMHwIg5vPxHj-kj4D62k5_LbY83Hmdur-rUfbDHNRCrnF4MSk49CPu77xQgDhO5q_fOjvl_FxsVq3Vj8MT1N_Gy= "messagebus")
## Background

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Component.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Component.puml
!endif
LAYOUT_WITH_LEGEND()

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Container.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
!endif
!define DEVICONS https://raw.githubusercontent.com/tupadr3/plantuml-icon-font-sprites/master/devicons

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Container.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
!endif
SHOW_PERSON_OUTLINE()

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Container.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
!endif
' LAYOUT_TOP_DOWN()

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Container.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
!endif
skinparam wrapWidth 200

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Container.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
!endif
LAYOUT_TOP_DOWN()

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Context.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Context.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Context.puml
!endif
'LAYOUT_TOP_DOWN()

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Context.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Context.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Context.puml
!endif
LAYOUT_WITH_LEGEND()

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Context.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Context.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Context.puml
!endif
LAYOUT_TOP_DOWN()

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Deployment.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Deployment.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Deployment.puml
!endif
AddElementTag("fallback", $bgColor="#c0c0c0")

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Deployment.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Deployment.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Deployment.puml
!endif
AddElementTag("fallback", $bgColor="#c0c0c0")

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Dynamic.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Dynamic.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Dynamic.puml
!endif
LAYOUT_WITH_LEGEND()

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Component.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Component.puml
!endif
UpdateBoundaryStyle($bgColor="gold", $fontColor="brown", $borderColor="brown")

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Container.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
!endif
Person(a, "Person A")

@ -4,7 +4,7 @@
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Component.puml
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Deployment.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Component.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Deployment.puml
!endif

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Container.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
!endif
HIDE_STEREOTYPE()

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Component.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Component.puml
!endif
LAYOUT_LANDSCAPE()

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Dynamic.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Dynamic.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Dynamic.puml
!endif
LAYOUT_LANDSCAPE()

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Component.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Component.puml
!endif
' person legend displays the correct sprite

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Container.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
!endif
' $legendText with \n defines the label and details of the legend entry ("backend container" is label, "eight sided shape" is details)
AddElementTag("backendContainer", $fontColor=$ELEMENT_FONT_COLOR, $bgColor="#335DA5", $shape=EightSidedShape(), $legendText="backend container\neight sided shape")

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Container.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
!endif
' $legendText with \n defines the label and details of the legend entry ("backend container" is label, "eight sided shape" is details)
AddElementTag("backendContainer", $fontColor=$ELEMENT_FONT_COLOR, $bgColor="#335DA5", $shape=EightSidedShape(), $legendText="backend container\neight sided shape")

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Container.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
!endif
' $legendText with \n defines the label and details of the legend entry ("backend container" is label, "eight sided shape" is details)
AddElementTag("backendContainer", $fontColor=$ELEMENT_FONT_COLOR, $bgColor="#335DA5", $shape=EightSidedShape(), $legendText="backend container\neight sided shape")

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Component.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Component.puml
!endif
AddElementTag("shapeRound", $shape=$ROUNDED_BOX)

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Component.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Component.puml
!endif
!define osaPuml https://raw.githubusercontent.com/Crashedmind/PlantUML-opensecurityarchitecture2-icons/master

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Deployment.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Deployment.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Deployment.puml
!endif
!$COLOR_A_5 = "#7f3b08"

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Deployment.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Deployment.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Deployment.puml
!endif

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Component.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Component.puml
!endif
Person(pB, "Sam", $sprite="person2")

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Component.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Component.puml
!endif
System(RelFrom, RelFrom)

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Dynamic.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Dynamic.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Dynamic.puml
!endif
System(RelFrom, RelFrom)

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Component.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Component.puml
!endif
UpdateRelStyle(gray, gray)

@ -2,7 +2,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Container.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
!endif
SET_SKETCH_STYLE($bgColor="lightblue", $fontColor="darkblue", $warningColor="darkred", $footerWarning="Sketch", $footerText="Created for discussion")

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Component.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Component.puml
!endif
!define osaPuml https://raw.githubusercontent.com/Crashedmind/PlantUML-opensecurityarchitecture2-icons/master

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Component.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Component.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Component.puml
!endif
!define osaPuml https://raw.githubusercontent.com/Crashedmind/PlantUML-opensecurityarchitecture2-icons/master

@ -3,7 +3,7 @@
!if %variable_exists("RELATIVE_INCLUDE")
!include %get_variable_value("RELATIVE_INCLUDE")/C4_Deployment.puml
!else
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Deployment.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Deployment.puml
!endif
' existing plantuml version as text

@ -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/VL7BRXf14BplLtIu14iyBZdbP9kWn18uA82Yd5QzGmCZve6cUmFyVNgNPGF1yMscfwgwgkQH1PEKtcKVR32kN15iHVRyUJXCU1Xih6pBecHA9WQX80CJ_N3lC5ISFilAsM8u-jIVLQFbT3Bqo499H_ceOXnbiA_KFq8PbEfL0cHBi8xEnOCD6t0s461OmSspJQod2BeQN3Jet4arMe__ocUJfr_VbulyvylYMpuPVns_Vka-P9bOSGJp4mjvQ0YmihX9wDL2WXSTfK02pnXswgR1PjcC4iVGDILBz9Hwq3bFqBNGKVFMqSSdk20Xhki4XQ9wSD3-ODymwncWCR4CmeFEGtRUrYtEYZdNLvNxZwrwKzKRj-kuAkctfGFOe84yYeq1i8XbNQHDjqjxTTCUTmHxF7bgV3H6yl5HkXwj--jatA_kmEt-XMQpjJrqCBKcHOvhWV7HR35i2EYQq6PifSDQgoVLcLxERsISIqp4WCvTsZGwWAQcDvAsRVIkaah2m6WgcDv8J9tq1xchNxrhVid42bDK_encTmMzxMLEOSLDM0Q93UULx6PRn7JtfU-mwyJJnUmiSSziIslTFIgzzEuF "System Context diagram for Internet Banking System")
![System Context diagram for Internet Banking System](https://www.plantuml.com/plantuml/png/VLB1Zjem5BpdArwvb9KWgQhsqjFkqgXT2RQeWAgU8iSy4Wl7ZkoN1Vw-po79GfVs5Z_Fp9iPvzwJSDHKEdgdZDJD5g4aglsN977Y41UAoYPlF3ff3Q6XMDeggRKmWJFrjDKgJsQVfiimsYpcoSl7-7FyWKVPB32E5DT1_JqqXgaLIm2L23khjJqeKu1M1a6OBLnTA-VvomAl1csbqFh46eF7l-MZ-SFl7vjrzkjf_JsRfz_Ivw_ZkoWYHHfXTVA45NG4s2fHE56n1GTFF7862Hw5sGStPsmKBT5vQyQoyMGhT1COdIT23z1PTpVYomVeaM1tROASKHCuS7zGzymm0o6bRGpvU7GNdRUDyxDYvjiZo_t3LhifzEQ7TJwKzABm0Cfme4gGiWP4RfksIEMkbqxQfYknHwZ5ATJT-kYCPEcHnfLG-jL9EWrdyCF-DMTJhJqEj53IMMzt1EbHbi8K27X9UCtOIviTLu-ii-Y_RsHSaNNeWH-zRrFo0BgQRYGTsfXS92KdZ1SomFY49DkaFr5VlEgRvZSUFSCObJqAkR-0NlUoGhFrNTZm1Xtd6LLHvjQzUTB_iDl4Y_NoB76BEPJMkRjdEl_rVm0= "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/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")
![Container diagram for Internet Banking System](https://www.plantuml.com/plantuml/png/bLLDSzem4BtpAxRqK3fZeEsqbvv2W6dIXiIjITEUF6jPWAQov95a2DFfV-_A-0D3fX-SxEVTjq-xRyM5TMXSaSdUCw6OB58E6-To-tuyDhWRhONR54bXkM5QEQxSYEbid4jKFcTeNIf5Cfw-7OOUkb_SZBTlHkz6hmYAfvI1Gd4poZt_2oWK9MT40cx3OQMbr3kXrY0f252bqFaiZAKd3LGSf6OevPuu6fNd1UZhpUJxtVqoNjw5yUpkuNRmiiKcKHnzcY-dLmHMqCFryYg-cN-Otyu8x3dX9F7Mf90AN1lCIAY1QpgyKTp19QeVNdEqjuvdlLx8ZTLgm0hhTCPD0DFcgJ-16WQzAW-LK7O0Esegv6KYoX83P4mNoja-wJXGnvS4f6Zs0_QQk4u5z5_2pnxGhz4xsF4anZodu0UUm2JFfM3eX5PzWZxY5WE8SkF5BxvEFJRZKcn9HYcDVE04WshCvJWytDHDweE74nBPhMnpukv7z5doOOXhxglNLIDcHEu2cAXr8T5uE3HwAr9kWORwT9KLUSLBHodSthk05MKZBMm5-XHXWCuBYT4xCkUPeamdGlAg7OlofTOqVHx0DyoGEj7LGZxCXECfs2AnfAMQsRzeisVY3W8WvLl1-AcyMJ98qM62blinL8zUJVJv1ZhlJXlIvXSG35yBwmnIQH2AN9cLqmrWGy4fO46kOeQdD3w1qWRULDnQMfurlN37HcTjIf3zu2gbFWdlr_3wQTlCD8MPDg_Jjx_qnxU4YAdqhyRQyqStu1aA6TiI8BhvS47lrLfv_YMrNfJKj2CBmOosUkLW_iWsgCXXXqoYFUAi5BIinAbMjCFyP6-FMkijM4sQ4T2SugZ3W8akN3lce5dN06WUoc9vthR9lIzS7bq9xMBUMsvzxQlbCemei1jtMAC_ntICNOOUoiMtNAmtYJww1WvqzP9NJ2NO7NjT4ErUiG0-HdUtu-FYnoN_ApE-fEXMM6lvBiiNZgc5bT5PUUli32qXtKdQCrV4iyjfVKxFUTIF4nj5H6k13prQShH2JXpNrT3DAwo_OPloqM8PLaJDOJhfPxwh6-FpnrLtlj6VOzsS2qgblwpV "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/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")
![Component diagram for Internet Banking System - API Application](https://www.plantuml.com/plantuml/png/fLLDRnCn4BtlhnXoW5Hg4uJWmeaqBRIeXQXf-JX5irvdO_37olOcH8Z_pemtsTsq5Qf4B_MEns_Ul7bsteM8FjP6Py-K5Rek9AnYhCBRyTZZPbIgkAhpEaWld8tInf5mPbnfj7pc9CH2gtmyVNqouz3TzTLu_MhqPlIIGekfCvMpVAPY_1TGMpfiA01n9M7fj7ORPKlGoaf0My31jlA1LWweE6WdKEijORGi7nR8hYRVFz_TBhvUtbuihiu_d7yw6nvbMLHHK_e-5mg5fKT3zJrSKa_UoWYdQ7yobVasH6dW12QpIvXKbLO2et8sowRKFn9HFmmL7iDWJkc4EyDIzXC7jFK3rnY4LrLCNQ4jQusUTsRUhLKX0r0tgKkr9v3l22n99CP1hUAMsnTrYCv87s2jaCye3nkPG-xTXiOo6Xprg1bcTkrofHCfBlaD3Nfb3wkJv4P5MK2eyq3LNVmFDgQfj_jNoBKIye3MMJuiSgf_XX5p39Avt4YD3JBimp0NAscGT-VHUUB9lWClInMYJzd4aCPcqleOLXXMr0FMnCF6tG10U5dm9-fm32Y4387yKzA7Z89vDJDUdF-AGvC75enOBiaIyfuDUanuNcwPH18KQ0NgyG7CNHqxXL9nLzj8Aw9l0oOfEnwTG8jJoYlGRuTOAIfwpto38_YT0Vsr9Xu6LTfamjAIYO6HFDqdcLns_MKADv9kJnlcw8IlMwDfu54o1F7dvQEp3uq6H_SgTqqD9hibp6j39ji-YKPhmivA6tfao9E1K1oXD3gJiPX9A-838a6AsfCjMORTijjDewiyzt4gyT3zXwRsR4HoKLB4birGZq6iiFceC8IDyqKtjqCQPA4b2YpaFum4xrF68wGcq1m6agYPWsan3WUH7CEbwURinjzJu2x8lKAytmsfJ-zUKdSytSuRYGKyXms59Ad1x3wUdKvx1tfOpSL9WFp6qBj_SNixcrFodonBuFn8xbowJ_iu__ofpMkJUePwD35bcYUWcIU0lPEseD-Alm== "Component diagram for Internet Banking System - API Application")
## Supplementary Diagrams
@ -43,34 +43,34 @@ 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/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")
![System Landscape diagram for Big Bank plc](https://www.plantuml.com/plantuml/png/TLHDRzim3BtxLt2vD0NIf1YsoqxDXx4MIveYJb3iPCYod0YH9K-IcmR3_lieVyLkdPmYyf5y91_zO2pHDa-5zuLBAlAOmS7QpFoOJ3GvZVVS7l8eDqnJ9IsJTanLEia4aIxcpjXOy6Wo_tRtuaoxrNBozdNyVNoFfd3k8jxjE7FPRo2N69fY2h071eaIGfsut8FWaW6HCNJSN1lyfm1BWr2K277670t7Z-czc-Nqztgt3RVhbt2nVdqUtZQcQH06l_pj_15jbUdrQViOBlsV_lC2ZPxbLZ08piQo59R8nL2ICOWvsMkI8bSDCxw76P57o0Jrl1UcZP93cXkhKgP7C2WjH1GWrzQyyWtGEOKQ2Ief-eiGDO8JJXUoEjBPW52gScdDU82yVEnGPveR5ixG6XDz7j9xJDXcCxY5lnxWh-G_Z4e2eIcU27voMIIp3RKIM11pIp0DE-Cc_iRP2RZ4fbDYkP908fKNM-6wot5Kh2qbHmOPERlTbRGlP4B_tGw9TIocszMrYcuCCQeDA347b-53WfHmSMd7ltDlC4qJMvmdBth48QuurSgen8B_JWz4xXcmTa0VGNJB11VDCDcg_jyphS0gpGoW5kirKZH0DV2UcJLTZbepivf8GwY3uOjPsb0gDLHGgYD3lBmtJXspMb0Gb2O8B4cIGTjJWS4uJp5MBXkvrODjLOa8FOOgISe2Ctp1kdXTSa_Zb4jka7JP5oxSv5ccjBrUvP_dRPW8dndV7oAbMsVoIPixmmn6EFYcXIibyrhfmXJ2m4y1XbPWnxM5xoeaO7Z1rTgTmDnyFrRe6V3K70tyoPafLkFYdBYOODb1ILOdMNmwiEl5EvGtvI6qnTRflYTj7t3Heuqhq5rtmJqeRqdEcB4WrgtVzTKbRmlZhdkH5-S3zevVu_y= "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/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")
![C4_Dynamic Diagram Sample - bigbankplc](https://www.plantuml.com/plantuml/png/NPFVRzem4CVV-IjkF8M9XgthNYPDAuHgPQ8jQkYcFQ6BSoJM73ko7H2Qzh_lR60qUpl_kFj-xdlshVDeVTUemHkfXUfAWjhxrdsQJ2pkqqhwkYiwHrOOxKdxL9XcqYhK8UVA-LB9OfBTNAt2ril3ShAxJZ-cxtXhCpzeRAH8sr1zi9p-V7fPRtuirlURvTtNkyTvCXeCCgwAKfET5ucu6SDmZXuBT3Ja-9aKUcaqAZXlGovgQZ2SvjvOSX3Om58bdRVnDaYzDRQ9yHXgT3MLW9slcLwAunLXgGnBL6uCA0Gv1yfKl20lqk7emfM8zq5BwahHrGehWcdRgbETWF4DTvWBAriFg4kOwgfJQCF9ofgTB1aHbGAp1IQ01PjeDNaeKF_Yeh3jj3ZsAFq1l07HEMyQiWvs4aEEjB2d0Wfhzjng3supCvqkqHwIWlMcgqKFRWI_1m2PQLgZkTb4V0YTaEXiaFgt7xriRO2P4UeUUPykpeFDP4edAnqo95iiQjHLMBJetDxOyc9ZJ_uw6bbfDW522zOeHVQL_CFtZ3MS_-zqgXIt7WVjpjei7CAUfREJfVd1UMg2_9y18s-UumoFybtHIEzUpv_Bn37cJu-J-_LwbNCUPqNSw5Z6utCWtVJoXAXCHX0SFjVdU_7rEb8aFBo5hJNDYNXVawKOytSW-0nVejvybd7-BUcIlyTV "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/pLP_J-D64Fq_dsAQLkA7W41AArJff0i9FK24H3YKLgg4nhiJPylQQ-sk0sbrtxqpSgW9ILle_LCZHTxnl9atRsTs-HWY-bZbjWNmbIcKhJJ1BCOo_D3fU7myo4oSLMaLo2jNH2hYWN9vfxHO26e_H6rDskaVxu_5T3kywkGO8dastG-ej6wH2wYK55jG5OmM0yGPmTHPwnvDaO4r1G4M6bO-6n_upG5d1-iKMhjeRJKqDsHezRG-ioI62MRRxIbZKbGFxJtu9itwpZh_eVsrEfI_zevutv1Tyupq55TznIeSdwt7tvuC1jzn1ER3l5HbCP86Inbn4IO8PGtRgAAPonSm1LZM1IJ83eEkUh-CRYVtTnUJy_khiqzdruDj3XPDj0HDKJ0mc7dCMIaF5oo_BoZ2AHOF8bgoOA5ps8ShCwTMgu7TNpjDswLLUz0-DHa807ZPVhK6ZH51aGHkx_pH0dvUHz45WrAJfOpPnzBixkx-6fzE9DHjMd4JmD7t1uV7S3L9daDi2eCbgXang2Sl11ENAupjrmOuENXgmjHFtnKHMJRFGOm0nXVGAqjhsD-uGc9SuXn1sYSflIWp_Aalvh5tSwCfh4itvKOKC5eJ5p0tZ8RBP7JTEPzCnWbmYWFUN5W-drlrxwR2bjBezF3eXL2oVAz4pgEo8j58NWZsOUnDZdxHRcn7NVMtyWpIRPsowm0ZfXX8ODpTMDS9psP8MEuSvMiIdIVfLVBWAJCXUXHlC0KtN8xolWSp33FIW5MSCTUbwg0yQLcY3Nk0Ib48O5t62uhg_U9rLyNhRXHFHXEpyA4PrXtuDpsxBmLDIBb2hqlwpu7NLUx-NsHU8_vMuTENWZzIMe_ryNyRw-uNpZNdPy0TfM-Swm5PCoSVWAM24DbTmV9s4cynhuzyu1zBK696W4sQJQtwUVqmpPrGx5SXkfpyLW0s60wdQMuKrVMMbjEE4d0UUeNspcWfURNK6iRkmnhFA07_Z3boXIk75e8rkP7B8rHfe0XkkbxP-c4M7QWbpI0dcs2CN-NBHMygKhcyNArIB9NS3iBOUEM2cqQuCuLsZq48rLNdg4RI9vjxpRCl-UKEdzOh2VZ9ETcH_ioxd2KPkj-DjGW_6azJzxItZ9tWbAKHKOT6-Ph0cSv8qgstKYXH9gxUwp5cjAcb4kLDMRTAhyWgYtvLU6k_J6lkPrXMpKetJNL3zgy6gE-o8JvmGhdH56SD752O_1PSKTz4Z1OGL_K-nFrjFLGCN9aN9mn1DHlyWcgDh2zPBTr-GwW3JBtBHIfuz2RISyBBmMb_5T1z0sBZUILqR_XGROBK6yP8ZH4Ppawjv7nqr_odz94ANUNsJm00 "Deployment Diagram for Internet Banking System - Live")
![Deployment Diagram for Internet Banking System - Live](https://www.plantuml.com/plantuml/png/pLPjJoCt4FxEhvYcbIwWa43ALQZIIHSIUe08YTXmj58bD6ix6nVlUcLx0rnr_xqpkybjGd9Nw7rf8gtMitxcvPaPZz_xW2uKgTa1-45dmXHImIo4tF_QwJXyQ2Swp8guyCe9cmMLXRQmQIStc35gtmTfTDpf7-sFMNGplEpCk-stxGCItGrKRknJog2SJRo18YCq2o3C54ojCVP1PmaOdId0JCBQP-qylLaWws2iG6EUICSNDxTOsEb9UMeK2oQOD1jJmiGexXij-2bE-jPOzwxnepZWVsENTryhix4pgCVmR2z9sSUbzEZduy7WBMaWVyWlKHWCIe9HYQ8Wj6UN9JHH13qll-WC358qh6ING9UzFqOtaxlRyydPtUNfXzEhGPEK1HsCWZee66XC7AR4b8DpejzbAi09PlTCMlJaWqfX7oxrNEtirB2xAojLCpUY1OqJdPG0e6NZsHea1WIXM75Zzsyg0O3dMcH6e5WdCM7sCTTxUtj_XiTZLdKJ5rG4SFXB--08BYVHKiKsDPYZc2a2zSeNcDXKO6Wy5y1n-t5L3V_wL7T8j3bIeXamFeTUdXjD-xNDMCS5ph4idoXtpCpmOv_5OsVdMYg_ITsK2f71Q7HuWhacD5n4ewlEsMGoZe1Cj2cvImy-xzJFvu4jg97nmU4AKRnyBKNMeJ1CqQXyeRoEdKxHFJLgsM5NV9MUGToKCMqTK59Zz8fXLDrOnGbBCKH4TuhyDGhMgR9M7JYLQ1zSkPkgbGekBTzRC4C_emh6Wdeo2mlMGJWbUOd6jm25KDvJZoQqK46ydhpkEddThUHnQsBYtzNDkWl_ncTtbT18qI4cDodzjk9Dbhl_5vgtEFuoukDLmXzKNBNrqNzhw-vtzZNP9y2jYb_OrmDbwCHplfmIDC28BLXCft8tYpTQtjE3qfrZGfEcDhEjL3zl7gQfPHVxXGysLUwD1n9eKYVLN0jLnPlJ-dmK0PtLlKmwg-Kov3hK2aRRXnMUK0p-7QdHTRPsQ24DYrJpyF15x2aIEzqUsVfXHlDIBDpqvSb66EtM_UMWjmH9mpTVZv8b1Ky7zbZJ5S3RQO1RdKdxuDcXAkeKnIZwsWI97UrLRf7Xash52ZzOondfpnnPQy7GVjB68FocdPhQnzP2TuHJeeP97MhXAWTEPQ9Mowdcr-V87LVbUiovtb9IaN0whqgbboKqkzqwySPy7zTKpx28UbbUPL7HCV6b0AfPDiHxCiWJZMytLD2MFVdBswoQH8HcK1dLQn1tDrLJLNJK_MBBg4ITu1LN5xPAC-KWkLOeFKmfEoLL3uwASMdmOd3INmTqNuBOTbwnkzVbw5eggH96oF9-Gd2w6aLdezlwflIUhbbqt_i7 "Deployment Diagram for Internet Banking System - Live")
**with details**
Source: [C4_Deployment Diagram Sample - bigbankplc-details.puml](C4_Deployment%20Diagram%20Sample%20-%20bigbankplc-details.puml)
![Deployment Diagram for Internet Banking System - Live with details](https://www.plantuml.com/plantuml/png/vLTxR-964F-VJp6bbOwSo2CqLqMLJZe2z98J70YJorMgXDRhmMnlxRLsroIqkk_U6TkS8P1xg5LLgKGYzdWUyvlVp7XvvRomFazq0-0xbKgTHmXBxpFty-cf5VSdiVBBFCmTMcbIZwa_aIOvpRH8sUhO-KYhyBHtSJnXqUreU9e8vz6IQDx7J9jrmaOPXtW6UKhMB02_H5WOhSszIcFGAaKGQGGxZvLrT6M0eeCsKcYz9X-VqZmGeT6Dee565in4t6eko2OKyaEp3J-4SSzeOryslvTd_DSyOkqfwZrDZmz-LvUbdED6Ul7ZPR__WZmqxgW-9lSJQpAqVdsD8aBReWVFW1AMkHOU8z0O8w5JZh54q1BIgrNnHAMWgM151Ox8QDZzTNmxcz_TpAxdmy7hmTi-E_FAQuGQBVILYAr8g8GMReWNcwA7Av5-u6e6Qs8WWMCOgXKs6hNP_As9i9LfsOOcFslI_oiL5uP0uiVt40alG287Q1xzsG3wKCqsO5lD8R7YbKd9aAxJoAG5YrEg0YL2zM6BH_7dmrQKadweuf3Y78jCFN_-_3V_SCbURiESEWlEVpevku3XB61P5-un18TsXHOiEiNEgNBS9TkF5i8cRH1IekCghvI0Nrx0rSthuvi9-Hgvams8FI1ln4h0ExIk0dD9kHzKV9yyyFCNvvtHqogELSxFEXUrpg4oY4p89JB0uW9c9g5oDXyBuFBaeH2cG25IS2Qt4g58UJ3OAi0EFFxqJEe5DPQbK8ezJ6wWcsLQrQonbuAp8BDSrT6x7ei9pKf5wFQRQq4ppCP2AxykQYpWJJ1-Utezcqq2e10dMw0_Dehlh-cS9xkbQfGeF3lVQXk-VQfXPbGxWfC8kovQE1GEzsfqC9QnGcgcP5nSq0nDIZ_DMdRUaO-2j47JDDMXlaH7Fsn58RdeLmRiRefQb7M5ZHW2Qe94yDF06ukyFOe9Y9Npjj06bIwCJOhhDYo5Ms848lTBmbIn3D9YnBT2kyrqW3OntQ2NtqpMvsTxkiLMPvUjpkVOSYYf2GxonGjPnEvblQAFu6aAfnM5dMqEWyBxGHQxTUWsE4-J4Exbq2wtDk_QXL3Qa0Yot6R6eGEJwlMNajmdl_DVONy_yVr--6VMFhL6kDqIjBVAlN_n_zhxqshlT_wLnKzAvE4EmwzS_7taLMPTKMFdILr2TV9ZRHRllnCSVMc4JCG8eWvpQBTyt3-F98PJxENEcmJjCmSaKEGkmfMInNHmwXHs782nq4qZQrJ4a7UXbcQaFYhjoOgDtuj44CATjve0hHB5vo-NXuwGc0KZ-zBRpXkGLPgEsunjbDtDbq0V0YbDaksYP4dE1olEM5bfd5buk5CqJlUE4ofH9qAEWmtOnrv3IxfeAuQl-Avq-DeOPgItj1Ij3IFpXzAQna9PN9Y7TkKx43GwYeiwKjAM2GoY63dSVYkvJF0kAhcU4DU7MYgGLcLbgtJJEDV2xXPUwxzNQsxw2ZLLkcwgAUfF3L0UTaRY0mNa8u-ag8uSSYQ_EvEMHnMoPYD2zMqMyzjogCXmPrvCWKhM16-bMiKgmaHXzHPri21sYbBTM-Ln4_1D_wgtQz3v6ej3cvpJdTBhfdPI4eQkFDfxGqgDu7fyL__OU8LfnB-b_W80 "Deployment Diagram for Internet Banking System - Live with details")
![Deployment Diagram for Internet Banking System - Live with details](https://www.plantuml.com/plantuml/png/vLTjR-964FxEhvZIIaSY0WbDggZIIKU09aGG42QNgrG9hUt5RBFsMhjh4bhTV-_CsfnvIoxNIbMb9XAoP-TzdfaTVp2MQPl5iWBmdKW2cOKS5jQcvkTcKxEdHYJi8lCpmtMW4iiJsmXKt4mbIqZgnDXG2h_PEJyP4-b-E6WkMusBnYcIPbsUIhMAIIWb4-yWIr2Q260N7EPAIlKaaWYaI3Ym98IjOw4DFYb0wo1LmAHSeOulRXwmK6c7OKzo8anPLAlEKSPdmMEr3Z_uKKT9fTzNlmzEwRzwHDmJBlSuBN-sExn89H_NrFCVBxlT2zHGUS3ygCoEjKgvjgiRpaAkQtZm3j3X89FCyX0aZpX69mp54aAD1LOitOb8G38CaxGVeT2W_UleVZfxw4zlPeFUTU-kIygii9936Irq1OiqYp656lfO5vrm2rSiUQHiUYjZUGmdC11BNgcKOhCx5V9QAeCwLEaCmwfUYSW90f9tto5aba70oK3rw4_4203cR1rihJh0gbYX4X8Sg2HKYQlY1BE0Zc1-I6B7_cnG2nFazqNaevqJbehZu-FVxFCbQRdtCqGMdFtKE3s7mTGZMXkUk0y8mINNeBaHf9moHoZPE9ep7TU11G4tbEMbOF3B1Lprhq_wOzGrD8rr47k1tB8bWuzScoAOoyBtFSPFyJETNvorXY-p668vEssTR_Bifu6bB5Xm2j0zm5J5cCxgBW4k6yvcEm4qaO1HcGuuE9TxlOq4R8L7VnriMOR0qcXAa8Pn7zffAaLPDQU5QkQbch8w_DWXCaQp524t--2QOm-JC9F2hboE6TnwexlcpNGwzW1DD3Q2_bmfVx-2d1VHKW0bz4_FDc13hoy1Pegvmt1YfbSEmZx32N8WH_ksb6Q1f9ACt0Fsq3ZNKorfPwrWnqWTstV9NpMrLOwkNmjzLD4j14WT3YAMvnNMPF0G136ZKyyg13vD3-g0I1Yh7JTs0Ow0s3tNOS7C0e7FCcoCn1PLXa3pa5wPDElkm74QuGktmJSNw_NUdcnKgxLThTPhrJ8ShvVmOBre8BF8l2z7z16yNC99KSBMPWszjVRzAhPBqtN0op09_JqVwldKfbaxPq8gcZLffbDbi2GgaQklERbV_DP_fVe77FyxpVk6iO_Gy3SXWNChd_ld_w-vFodcVkjV6Vp8X1eUaFLjWx_BQPHfutAC_O0uWcBpSzn4thiJ3FvWIwKimYskD7DejdpUtqTYHIvsCcDLpFKx0qWGg2xaIn7mF2ifllT77c0BjfDGAn6kGov3pSMGVPZBenG9Vs8ueaMoTQin7DYneFtBPBx1IDJyS6JRjntkea7Xfd4mGncXj_sbe0y4YOjjkXqbKJ9QhCXZWUkrKNCB3mBRwScGGtdKCGj6tZhONQs-HbuQKAx2L_aRARnMYYhIMMYqLeUX-aD8YMqXD9-hvtgXssFOEeAIEXI1pXteXH7VX5EPNvCocaLvhSTKwmEGyW8jqXmgxIJ2zLTl9rxAVvPh0dqHzHfU3bGuGBy085zsXkmH3TBAGryE26X5dlnkL9AlAYXDGYwgRv6OtUTDbQUZx1VbeWhA0c-uMjXoPjpDJwFIm1ohurBrf16CQuEttQlEja3hBHA79ZcvEt6xnbf9NZ2KTAizYkFNXNSpUYW_DZxWbmfzI_q5 "Deployment Diagram for Internet Banking System - Live with details")
## Styles
Source: [C4_Container Diagram Sample - bigbankplc-styles.puml](C4_Container%20Diagram%20Sample%20-%20bigbankplc-styles.puml)
![Container diagram for Internet Banking System](https://www.plantuml.com/plantuml/png/hLPTRzis57tthxXp--00IeoXwyk007LiRMrXnvxbh7iphgXhcIX52YIL3mpxxxjaP2boEdJ0zXA8bxpd71uUqldWF5hVL6hqWzH2DGN1qVlQ_JoTMdouAgK_DddZo0gZFMb_9KmrhHNgq7FfVA5aFft_TBa9fRlLSbgXysIvj9zp1qfDzgeE-AFiu_hBVfDki_NjVdstMtwwJISNerbHf8egXjvXEHddABwIBhhUSG9l3poO6sNizTjqcQxIszt-bpN_cQ-NwotFv-NpxFZDktVl5xFteSSTiQRhL9P7dyc2YYoC9nSyewXaWXqz-kiJ6uWJ7Kmej80BFHVZA6zBAaf3zwH5mFRSs-gPRRUygPCGnH3_E97v9qNN2tH7AfPIivW1UW2V_ZyKnlkUOkIbLmITeL18B2rMS30MFcbFLfE76zHVfIuXUtAUgj5eGzOPFH6DywOYcy2y-nhFu5G6Sm1_9CYvEu47pWhKiH5Lh04AOHhjtPXrF4FlRxXGe7sQY1yPwrp0-0B-7050htVoGFaUwveNVw4SPdMjf40lZHvpwJFUOm9PROFurU_pK5kGalSi8qfpdjSAQDCBg8jOxdZpqyOtCnOvP7OrCbp6quekDrXIO3-nPiBAsYSmqsMZq8Ronffxpeq3LEhRB8T6Yo0TbVHFu0qx6OrqS2ynj4WBl5_8hNbmP5yfgamk5RLshCAWqpH_ay0VM24xCTG2IbQI0m6koHrvFhD_hSsz4lSi00gwbuBEvItoIO4UStGKZg7z36gotvOm67jZMLjuLy1IAPstyKX1Qevb5RyJECQx0jXmheIbWhINg5mIOaNEWJ8b3yYBgrT6jHURdP8XiPjFtmxEml0os_SDdFkEGy4K1ewt5Kjt_UhfOb5_TR5F7_s4AfHgxsA1YTBB5O_RAnUOTtmiCfAYWfKKrZXpy90-YYFgak2vas5VOBRQUbJ6r0UB5PtTwHUserAd50WkTFjxOJvWRXhVHo3fhd82tg9s69texHzjIRruBlfBU-V81UwFkzqcuuN3TQx6xwvfGz_3jNJxs_1MvwP_8Y9S_m2qIB4u3CI9CBwt2NpcdwHf9EzFCqwr2Bs2_mQql-7cNdP_MOQWMyB2mS6QAhvN3rPwSk1D86fv5ZTpXkmmNxXr5hACOHtGPQX6Z5x888_d6ePzZUDyzFJPQhTXeC4P3DhFKzdvrF_AyMkrMfvxrKyp_FC_3Clqr_HsCRaOVM3qfb9_0m00 "Container diagram for Internet Banking System")
![Container diagram for Internet Banking System](https://www.plantuml.com/plantuml/png/hLPDZzis4BthLqoT76H0QxTDzrB0GBosscpWhrhUf3U3ecYP22KA96MlKVI_TqXzMNRI5cXzCCGHvxsduPkHtcj3b2apuNt7SohAXC7Hc4B_F1uhSXwbt1pBkDHCKPaRbfiHbTcu42ItEG_Q98B7uzbF3niRUbakngSVHu-Zxp6qds46uJbJeyBYUz67zUVz9jn6wzL-_R9RFAz2V-XDaoGKB4Fe7KdzGKpe5vOdRUuWWBS7NCoaa6hoDbo4ot2rs_-onh_PUh7UulquhUuEthnxzpYVFjeSVIG5cuGyFPg89oo9xDeVuXt1KYJOiLSpQTY0DdJWCvi2skOC1qxUbWadZUXBJYssmTnQptIxnOTgX0Y4-EQDo5m4cyo9Fh9aWMj_s4EtuEF_Xq8Qqr5uXXl1e2qe99oaYcHma0gUyKnLpWmyaVmBprE8BjgmpFCsJ6cP-xJKHcPC1J1hhmPJQC8W3s2E36BC3k2CNe729HBXOa0ebMLkD1RIgw3tJnX8YBhuz0V4kXKm6C8V7k2lrUkVMRmdHO6RFxCOfaKXE2M6onphDFX8JYI0g51M_FBJpCRcJF0Jod3IqDw6KwZT2mGFsuPRthXvyCqKHVQPTO7OWmXl2_Qm8Icpx0rhH1KlJ03JF2q5iJuTR9GyeMyq426-pd8eSsgb4y7D1Op4Ihf2QZXnObEu0dnUY9KyOy_TASfap0Mhox5qYqRJx4q0lvECO2NwMa3mZACXG9UnHYtrcVqRRVfEN2K04dRYbDtAcyT-GWo9YMRs6EfBgoRwRG6zjP4AjTcv0egbN1lbZXHuZhRCt7K0HzShG4hq5LKimGFaHEZ0seff3KAck626ZkuALJSsLefRnswUlswSkSHj2gwdJLUvVwYGBGe2ksubgPxSZwwXzsTh-_3L-2mZNEor2o1H-B34TTrobdc7ny8TAVRFabCbjJmO25_faUJelYeJOQymQsqTAcBc1-nlTjFJLsMtzgnTG37GFjzLyO74iZIT1OAsbGF0iyerSPNeok_X7BiQ5rtJlcYcBVU7tMuJuSR-lgh5_dvFp_HkQqMtNzbP7Skh4L71DGEWHdB1lY4QGZTl0_Y8hwHnHTwUPZMAAuHh1Vy5QF-4oPtihbdwe5j64Wq79JCthyuAsnUdcRH4DS_yQTPKmM9ULUl6P172Qc0FDkemEY4tVknhwEULsixcbZvQxZOrKFimlVGxLpPrwjvoEAtmQ-6cLbSlmM7zmR08VmrNS_nGU8_e-1tn5m== "Container diagram for Internet Banking System")
## Icons
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/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")
![Container diagram for Internet Banking System](https://www.plantuml.com/plantuml/png/hLPBSzis4BxhLspLGvKPIkmhbvmYIshjr7eqbEFqn5cIa8G615W0bAB9vBzt0P4KATb9EbEVYCK-FdpxxSglZKLjorpqlkCo5MN6O6TjOLw5eSR3QCljhanAmtIgf6NIZbALXuL0wMA6ncQ29-7ar-7AcHxcz-7-vz7BqOzaYYSKWLmoFIfy_enjw0JJsRkxoN8HVKCTMnQOwL_EzJZT3ZVaCJI5vfQPC4TZcGupjdTtfgdostAn7Z_EekLyzhyMyZOyCADoDdpP-m5AIGboIWHsns2ZX507BhSW70gK6NIkkJRqfO00W50f2d6a70trJx1MNzMqXIYtfS1dhpDb9RFFtVwDUtpkBZV_Y9Y8sL_LRf4PVjM1oJqJgc0d5thT_VYlvSCwNYzNyNJvk1YyEDl6KHpzCLjFRibOcHxlrhVn_UptsM9AnfxbLX0lDIcGSTngp8be3NVKG4sFXHkK7npdqP5wbFTwAwQDaeEqD9RQf0EOD5_zCTHcK1lVb8IY0pYGCA3mWIYy3J1DLIcjwHEEK-huXWmPwkCW_OboNGBelu1FFQ2_1k_Wm98OYuAS7ra2uw8GF4NBbUoJwGrr8u2854RWv-ycpZPbWXF1naEZuRGyXKggNaxEtDHDweUlnYxMTPV0TX6OWchq8t8JRBZ2BNCewkfHgdbX0nYVHENCAwtsF6C6I9nFLzkGvjqJK71xT6fEIq-eWJr75y8rqBiXqUf0Sd59Az5UWSjLmWMh69hxGmrlydq0xp578gSBYqOhfv7Cm9I98LXL6xy5fhd2UG80VdymL-SqFvT0fyaWGui96kPwL7qw_-ZFU-YShTA4qcqOq6pBZTL8881BacpkMn_0Zfmpm98absgMKMyv2XCunJ5ZQ3DiwS1iEd8PMtDvnL-2wGScCoAGEsslxfwMs5IHcpx7TGZz2d6EAqhiGXeGdvk1c7sq0vOZ9uJUG5wpuPpErJ2wi3LrX_iYD5bpdcfbrCR2x6Ew8rsGoXlFUdTGYLR-2jUv0kMN6ze2x6BoM_mxyLR2ICdGlAtL1i14bVQiYg0P-02eQTAWPw7k12s1jqoqbifvj1yCCwxsxNgzYiYnwtSQm2_xTER0kvxAnGl6jxj4jHR9ALsz9gfCtjWLGrqGpL6c0Ro9bekmNRnTyZz5nZVaVGPsdejkbhSCCmCRhNA_jmx-PvJ6q0lfb7XwCwdVwNAs-BYGL4Hf3R2Xi_eSPo0NwkjYwCQLnktefdmqNw-gHCrZEk5Nkgk9SV5XnSvx-f-d9kSrXTAFthy= "Container diagram for Internet Banking System")

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

@ -1,5 +1,5 @@
@startuml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/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

@ -1,5 +1,5 @@
@startuml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.5.0/C4_Container.puml
SHOW_PERSON_OUTLINE()
AddElementTag("backendContainer", $fontColor=$ELEMENT_FONT_COLOR, $bgColor="#335DA5", $shape=EightSidedShape(), $legendText="backend container\neight sided")

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

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

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

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

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

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

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

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

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

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

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

Loading…
Cancel
Save