C4-PlantUML/samples/C4CoreDiagrams.md

# C4 Model Diagrams

The following samples are reproductions with C4-PlantUML from [C4 model core diagrams](https://c4model.com/#coreDiagrams) created by [Simon Brown](https://simonbrown.je/).

## Core Diagrams

### System Context Diagram

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/VL7DZjfC4BpxAVhZyh4I2vUSSjfTWfALO8C2ACh9QiOD7Z4_QBeTuEtJDiQ1iCdDqrrLNLL-Oi4abNVPVpOOLnK4fSYUFuv62G_3hPMoMbTCoSGW56HeeX_jR38bIpaQVtYSEmoocar7TDHzGOKEyx62zJtSryB_GnMKvPKDKX9iedFnOCCMd0q460guMTl4-XL1huAB1fqxgKPdxq_vRFhyu-jgcNz_NNx9fvFFaxTF_OSi4okEO75Y8Gyj0GgBsuHUBIHurL4A9F22OQTkMcoMpIbn37rJiKHFQG2zymHT1nstkvukd-62XBXf4gmLDO23LWVxbjdC08s9LH0UzXwoyxN--goOS_DKkR_OQYxLlN5tZkkIVbewW0qQoAFO603NiMgAjEdswA1fskEEO8ydJwsFraW-EKhVetM_dKmUwpTmTt-fsMnZJmFDh4cHuqPWSZGbXYq1NHEwZ9rqs6Zrf3gpo_Sx6HSI4p6WSvSsZGwWhUcTf5qRWwkaaZ0mcXgcBnBJ9Fr6xkgltZM_OcA5AIf_GRExWjxsig1GS1kMGMBBUIExBTSntVtIVx2RnBFb_2nnp-nAwzmzARtoxXS0 "System Context diagram for Internet Banking System")


### Container Diagram

Source: [C4_Container Diagram Sample - bigbankplc.puml](C4_Container%20Diagram%20Sample%20-%20bigbankplc.puml)

![Container diagram for Internet Banking System](https://www.plantuml.com/plantuml/png/bLJ1RkCs4BtxAwRfeLv0YL6WfvxMiOqcMpjHLqwpFGaZQYmHeKY1fEmOHV-zGqMHB7k1j3VfQUQznpT3VNOUhMygDVb1Qg6QdA3qldQ_pcOM3pU5z6MJDOwiCDgJzZV2LBCNQKNfV3bR_78TAzJ-QREUqIj_pobdC5rmCKfDzgOEr3z1excludxm9S7EA6KEKXUWk0XGvp3wBAtZ9mEi2ye8LEh87Bt1Im7-kfx_zVYqJRUFSRfyV7wOVXgmUP8clw-sYpi6E-ZvVdkNhbU_hHwM34wyz8gW9uLSOc6nOgCMxhKdgyd3BUgNu3avEa_LP1AJTKPFHUEygSX6iEYVhkRm3eFPjOVAk3k20-S9TTk8giK0XJ2DzkwAVRnHfxSCv6YFK_4pSvqRkFe4Vqy0OF0xFL2MObrpyJDbCAzh9GLwQVGLGrzmZn4ajGtcDtyk0hOa9VTiexNcFDSAw2RSZYF0lMxsVl1upYR7ogv6faluiwBh60iAwk-gYR2ozX7CTT4ej06EhTdBd1oWKjzNsV6k1Ekef3-6BH1D6wI3lSJG8YtmUI6pvk38NZYgJ2OLTN5imallQV5Z1D-mGavYx0MKhAId75oJEV8yi__ipLsOUpC0EUsbe7DxosoQeySC7OKnT8_1JVB76aRltbZs5kuUM2gaynPP6gJchQpQwKPGecFNsFWIXAMSj9UeN1IMYfm3PGf-8IzkBcBAKBoGpZad6VOrll_-sYmDbzcXRvJR1_c4I9YOfV_fLtlrwgTKeLIfQm6cMrrl-BsxLe5_oz7BbXeLRAImnfcTXzMhA54N16-TJ7l2sJaOM9bJxonMT7PlXsZR5UmcBHZeJt6IC61c6Z-CEUglQmJUedROddS8UVALrCalORYOJuvSqBxRRkE42yTrhiOFQxh57kWwkVI1P55cPlWDj7J39U-OMd0qzbuGtL6B2BuaZm-pK_51ydzsfhTSFHWRLdxCyfKmTx2pfch_EWShFJdm9Z1tnClR1LFsd2TvdArHmhGEw3gWBSTWPBHnvnx6VOtZ3HZaayqsPg9HogFsyTuDmRJziowTRvjr7yvdRcqgzIy0 "Container diagram for Internet Banking System")


### Component Diagram

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/fPLDRnit48Rl-okcFhGou5YNddgABBkD0piH8hiV9s6M76lPy6D1pbeHYlxt3YbvATb6OI0dSScNCy-yCxjwdnWZ3yusFnYlxA09EkO-_JATHjoShmrtGpiaYYfu9i_dAhZfLnDLbxYRpdz-jx3e-VxsPahVv5oJbitLFBW--2plS-YVOF1opya6S4Vm4AmD6-FNO8qdGA_XwDZ49Ai0aXTiK6ZjLcACW2yJD3UplpxVtwt-kBxxiBgv-ktgq-Naj6dOi2KOjQ0DhYCwoH_XsZD5JmmNwBzcbEKsCJbu1xF5DSpwtXg5R89lchcKZW8Q9wd7CpXPYbpYBd1DXy8JEVeR7p6fQ7ekLQ5V3nPZFbd4y6Wq9P1gIfNc2Q3T0po8IJaEMiFRNBuQ4WT7CS6ZmNp7HDXG2sqCcqJn_EJq0CrbijlG6bkWSie_qM4q_ZWxMECCauOqj4co1_uE6bVoFVreUZIAZh0ksubk9VybChQOABDy8OkxoF2q3KlLaSDykkGGXJEF74HQcyIng8LGskRA-WmwJ1rfm44uFEyR02gIpezeqncWKfGIsB2M1sALkNOzNbrzuubhKpOC9Mn4Hy_6e9AKVeM7OfAIZT6W0nx0DWnS7Ih9m-1PLeBl4nOhAqSrQ7KXEernEy7UID9dmtTo2lyq0527U9BCscSw-P4XXXmf1ckfJDdjxtFuGedhTjwTvTTjvsdAhSmXX5-Mh_S-xJmuVPPvB4eYxfUm79mJ-hTWr26iexGnt052aYWXRlS-crX8HXDVW2HIGvInp3Rib_MqjAwFkOuBmkFfFnxgc0UHT754vBkcde7gSFVGOqgR47Njsp66ZD03AjJqFuC4lnR5Ar0ps5s6uFTzS6ECuqRap2Mrl3dxzXyuS9z871hFQvCgtWjHlQxRyaQYXXzX8ri473BTnykBURrmMAeizm7BDqQ-_1_kxXPB4V_RD5bRFf85iye-BZz_6dMZgBA-BYnAzuPexWt1tfFN-R_YFm00 "Component diagram for Internet Banking System - API Application")


## Supplementary Diagrams

### System Landscape Diagram

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/TLHDSy963BtxLwXSGcO8zD1JJ-63QJA5a0amcPuyorh6EwnttTKwXEdqlrThRDS4kB7Ia_IUzCmpUU5ycUle5sMaBXE4pFk2VX-Dd3WEzyfdvQuaTD8QZyOFfSr71-LaHZuRJNzxUjV2-EroCS9lpYUOS32UCfZVmo8qVe3IS5NErU0pXDHgRO_Ax44hWo1C0XTfvOX_MU2feAqKMf-uHqllP_leOJ7-QxNTn9lLUpnRVRxr7zlGU1sl_vnlfYySgqEVhvkNU37_O_usus3abTS8wnDvp671N4YA0Y5HOkz4pbmTJDGU9i8SeD0oYjxHaJLzMPAtERe1zCuHeIjGa3MjSprEZg51WaqhVJj63U38YuMYgGmn45BQqdWQzfZNd1MwmYd2UCBHHBXJN_xA3RjiUe_mJmG0DV_-xamWfkh9uDVGnQ1lgDN0YbWu0hNiA6pyI-4Hb67HkV3A6X0xMrPNKUwIuw0wMouE28KuvLZJxf29vz--BtmUHcsMzoQ6DIHiD922Ckxmiq4kbFvVplmfl85Q4PiCGLKQXOQbaiwIJJtClsKcp1u1kmMt27BQf4xaoCsMpUyRsrfxwv10QDsSKN80weNVs5chSj3PcNV2a901nY_qigLqzb15gQcC2TsNae5POoXOdqEmzY9DUzrC3GOAcMgjohHsup4_f-o4FCGsJSy39lo25R-wlST9hemYxsfT9W4gYy8wVt_Alr7qWJf-GxNFTjPrFfChRsu9YIi2_AE3Erlci_O5LSQ0ahYq1WUk7VobGzPe4ghF7Wp6DLSJRYnuJ0U2lqkaeBIg2-P2ZKLc3JPDPbSVsFtXNSeylLBLDLjN_MNR-y3PbJVkGhVjWU-XeeKuSSUAsENyormpyh4ARhjVP3VvpDh3l_5_ "System Landscape diagram for Big Bank plc")

### Dynamic Diagram

Source: [C4_Dynamic Diagram Sample - bigbankplc.puml](C4_Dynamic%20Diagram%20Sample%20-%20bigbankplc.puml)

![C4_Dynamic Diagram Sample - bigbankplc](https://www.plantuml.com/plantuml/png/NP9BRnCn4CVl-HH3Jmbg4m4z8I6QHqMB-eYQ5CGfclLETgrwxTLut10XlZlZJQjqkOqzZ__F__5556H9ZHkyizwuL1BK8ctyF9amxiQLbJeLAHARu8MyZ4re9a-MJHsbdipFpvOElJpUtapej-PBAlLoizXxRAmPjtdmu6Rww_vnlVbvlRxQt5n-kxnR34U3mLm7elN4Ys9epa_XP8621KOwqVY178eD7XsyNiFArDHWpguaC4N8MC1KsIZSLOFrsy1D5vz2ZR6c4Z19hU3M74eCKvcFwE8fe34K8xXGwO74Z4z6HwwX-P2rhAySdIsn8fYshNkPap6-upEk3DjM07q9KrybXvmpImxFjbH4T0x25fG0hhqGUn8eq3_fKDWcRmvljB872M1IbD0GHtYsc7iimuuAA3Zi8d4FRZCBoPV8-s6XUjFbTGzk17y60FFGjC6Jbw7vb5z29h5A7UyxBrlEC3D2toFlqtNxe39JHblvt67LObEZh_AXnHXtWSkZZJtvZrb8-zG4o4_Wu1pn6_dR7tFLYF9VTkfSs1qM7L-rLLZ3lgMp5qjN-oZKPFc_0qNUF7GxFCYdeh4It-vVntHhNDtVJQxMw-LA-xIhm-qScwFJAXkdnoz4vN04sU7N-LhN_Tv8Zep0UzXoQ5w8TpKnTR77Xk0BVEtq5hEvzb-GBrFZ_W40 "C4_Dynamic Diagram Sample - bigbankplc")

### Deployment Diagram

Source: [C4_Deployment Diagram Sample - bigbankplc.puml](C4_Deployment%20Diagram%20Sample%20-%20bigbankplc.puml)

![Deployment Diagram for Internet Banking System - Live](https://www.plantuml.com/plantuml/png/pLP_Rzis4FtVd-AgRQXJE7RhPKCn840TssiIsB4HESq6331Ev5dcGea2IJd9Xdxt7ILdZcCNJTP_fW26UBftFnxVaVdWF5fVPhhn6eJ9LsGzA0-toYy1fLHUcHmrVyeop2LebHEWJSkCSW-7WylXg3Sx-pISdrtqHrU3uN7KZi0RA1s1DWArlc-yKWluOOLMOQ9fJdVAUTUCdYAZWmR0AvKBNKg2TgVTxlIFvWCgjBaFoTf5AF8LQKUF7PVU5-wNJiVYRJlbeik4Krlkn0SCbzsvKLOidLzokCEfnjnVZKSTkkFlakJ-7BbKYqQZ9-LGKx3FC6r62sucGN4JjU3x9EqRRUnnz9ru6_wuUFQ-9BtZwJdJ4r-s1XeVh4S_lXyCVk88OGTGYrAZ9sQQKgu3b0jSIcYYy6fLVL4vQ7I-sei31erwlq-kPlFhizdfV3JyEBmOD3cOLruJR7g3WSBKOWOBO-6CwR4vUJZ1_4RbASJtpbC6Xp1IAseqDh3vXP7KBBHeGNIYqWe0l8oUh46YHn0K0aS7VpU0dwTHPCwWHAK9OmwnK6_UlFd3txqFeQwIClSblFkv_VO8HhFu8SI-C5YWM1A3UjKBp4mcq4TF3V2-VLU7sJnzrWKoRPQ3g02Oda6lABGI68GUOfpZ2Y58FIviO6RygH_CKsjMIfBRfMvHvgAU4kNlOQKO3UVnvA9pEfjDO-0KxQ3jzVEvKVtkvMTDZKpUldj4L5Y-b29ZKUX0qQHwuNsTMfMXlOysjdTTyKLw1abJ9kmwG8y9EWemLZVMVSA36MAcEyFmDVR6KgLL2vPIvRojl47bBBYiUc_14jsI963fbrphcdKGbcHOedOjG278ET0cvGLvyNBokjlaTVUI5qOJKtUy6TO3-1gVtSU4nYHCBdSftH_uoont_oSqxnR-NEAJnuJVKbAFzT5_6-lkDyurvsV0DINFdEi1QRKYwu2f0kVPNS3wzWZUmRmxyev_D461AG5kqkoJwkVTmpGpeSH-wRp9oBvsm0R5uIIjbAWq44hdj9COZ8LUBgrHChIytMeDO_TnZMTK0F-66NA7MuSMWbQP2fU7AnD77imYTFQrmymR4EioNJZP0aRPxNgvwNrD2fCLsrq6InbkXr2nii8ui_1mhN9fRbqegEuwGp49EjclDSk-PDSxV5AlGi2FneGTwIyjPsl1sFobj4RuLLbQcBlMEdQC2wOca3fMmjO536LA8Tskb5o1OUBglPvYIlia5GkhYbeglJmjDTfjuhN-DgvPpx3kcfdUYEgIzBy2gE-oCTvmmd2Z2SxgE62ev4zdylecOdG0SLSlGyolwg5YuDQycAehiTdWHwMkSrLfP5ATQYWTB7XtAgfkhVBqaF1ySDBV1dIVWzXtNeLoB_bGtGIfDuoH4Zqod9qQyUdaUlEVqWVAPPdfVm00 "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/vLTXRnf74FtEhvZGLi4HnZPrAgjIf62WiIEmBS1nAbL2Uxi3RBstUzhTmtQh_FVEt441dvqcQbLLgYrXRdPcthnvStFdjo4A7_FKr5w2T7Q9FeAESAVZ0eHIEcfdXQ6ZD1LMWT4MGVXvdgADiDyRzGUToVc7_lJyeZkuxlNVr5jrY0xoW62S5COyr5xe6Not55wBnE0KxtM8eL5_75dVgm6yq5QQN26q3bgjW-xnj8UPSGyCriguo1Te0cuxBcBCmey71rxSjUPKT9uGj2ScaMEex8DRxUKYn0MbsxyomiRhuU00x-bSeNeQmoezgzKwIlKDidqYvetwZCWaGjxMc_1jCkywu_oR-ZVoa7-fUF8UeQbuHaBQzMKhjt5jFVx-fDTxJHbgDrI_o-ELTndw-726Gg5lq0598upCZOYemE2S2WGTkCaA6a96lInEj0KZGYn4sgEWGUVdo-l9zEPySZOTzD_rBtgSBEfe43QaeQV5t8iKPix3kOteBKOu5VPMspcC7qB45FPXe9TOgst2fXTEOICpiWbrFglJtrCzBmA1p8-lGOaeG283rFT-9mq1g6Thietwm4d1qyQ10sULiy0JDqAXg91YF00UuKy73MN9Fz7pX73sHQPVlNhrIxm_uIpNIMvZ3aS_j0wFOJ0Piwq3TvX0G4-J3Xw3vkJSkRZ0xQEPy6aJX9GOkCjBBU2drt1w_cx__8fo3KDhJQ92vBrO2lY0Fgp8d9IrLnq_flTy_lgeFNpU9R3BqM7xUDkdsWQH2Rb09bXyWObBfOZrnmOuQTqNHWi4OI6ut4k4ekH-Vwi1E_Juf-ji5DgY9oZD6QxEePDbHczKAxAmPkFCSrU77xfi9ZPBhJ1KXskMMrak61qVYXuBU3--l3Wucqokna0GhItIdsh5vvTCphFJiXeKbHmUROqDNputC1Fg7T59XNyeHZWH0P_gKHNBUI4DIt9PV85zk2hpr3UsexPy1D84evTOWNfMZbxIK0cbwAq2EDq8ZLWjxhKPnZG4gU3JSNGUUNiKTy1SX-WBRz1svdnQV6_2GeG5AX1vN12dbSeWFIg-52QixmumRauN6ELNY_NvUtkqfLPxLwtsvzGAA9rLJ-h52rdCmvlDYjw3voKShIHiRsiuNcUlgjZPG3SXH65LKgcXMMvjthKpeOqZ4sIvprp00CwQXxygiYf--x-YVhNmwZpyCskVHYFP7WdQM-NUF_v_xVtHQk-t_vN5JqwKuGQJBrpyFUHLvaFHun39NSBgpOozsLnz9WJwC0YPc2E83SnJk-LJzNqaTLnYDm_HfUXV1Y23fdGAbreY5yMb4-pb69o7ZbNUQSMKTwcMOUG-BECfYeC_YbGGmvsdcW2ZKnrHGSYJW17ShCgi-hIB3kIgpC1ZnZ7QxzPBf9yYALsQxR9aIqvmTQvOU-c2cqMuqLQvky05bQnJ8I_7QxAFioQUVD6l53ujhpZXE-TOaUx24reJXkutRGpT5jhZpDqtLxd7OYQyvgOEjVHb0NqrHuQhZbB81E-YKkihqlgfaHfBhxDoL3fsdXlXTnjlpD_hDG_zYZLrUZDK8pH_3a3viZCKjmJ8hpoIK0Cbv4f-3SwMhoeKJK7CwkiYfjVbJKM1E_UBArZ9ZS1RfQwm2XYLh9wY0MQaJj6gEwyZhW7Vzqwxkm7jBuceRlAot5539PiafM0OobVxwCYfDZwxlDdyi_4MhSfJymS0 "Deployment Diagram for Internet Banking System - Live with details")

## 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-D44BtxLpJXWBVAZee2BfpMiGt94d-mSZRBITMIslQGqOoO7jb9KVntUXH5YfnDPQdYfkcFrqzlNizxzkXyLUZ1Dyfakie9zjwN_7CKEJoUxvJVLsd5v39hF1b_djaYkbCksxFVHzCVnskDnjyihYEwbtnEkGIJgHIZCkJEonewfwsSO3R_T3LTBUEl6E6h4dFtGrG6UC4OAycEjr8nvj8fJnmLo9vSbDCXvBYTyijgkPdSpkFLOlw_3gfZU2Is1Or_6dm7bH60Ge30xmcsLcjxL6O7Eh10aqClhHpBbmKX0DfcgFM3OBIglrIjINMoHMXsbSPNqxdrXlnhsJ_nWA_b2lvB9qpkS3Ax9sRqPW6P0sbRqcE9_Dtrv8_LpIRPhDR9R7Mx7BxhOfCuYN-RRwQN4cn2jrURo-Hw_kjyEPFWm2kl2LfH85UuSrY8q0wkZ2TdoCC5chkWUVp0deh1O4sEhHbc5NjRa1l1jFqwcy1J6EoslfHKkaTm56D0MJUYhcE0MMOhu_bCU3n29nSIoD4z3BFl1UkKmDax-7i001tVuP7I1CjIYcyfXKbPQfMXLzQSIUW37d04SUa2-SMdQOZDI2iHc6jgxAKsWyQgjPr2k9sRFltuUX9wm-qAsJu3Bb5IiPHf6gznHu75q_GuSwhq8vWycYg4ryuUL4uCgFMNfst5yru5dPH_26xEgbfGXeF2qA8So7z3wkoHgGPjJFk2N65JfQbHQ14EBRtfjoFuZ0MAE7rQe5MXFEN0LShamMw_cYQ_uFb80EhtWyASn_qv9JfBXpbwJ94ft57p6UhZtw-XT_RM4OS5T-1efzWx51AWZ5Ysm41e17ifpW4hiLpcA2VZ5MeU1SSHCsYxamFvx3mWTdlvKhyKipiokGYeWhVNLr-ssCnAcUlwUeA-8LpGIe13IqlYdtOXvlT-I0KgOLW7f6e-NiYvMSRGjjaJg7e8QbYep5csMm_p-smllY3WjlBfxP0Hp_0RNjq4mJTRXmMTR7wdVp3lap4o2RJ_zkmQ05DR-SuLetRXH-0T6iPQXUOcmYFmaVIpHwLRxHic3hClDvjrB8NzEYxnpPhU7eJIPboo9BNRfxPzI1guzfbeaEfWpmpjGEG7autWGxnQHi-7ToF_OsTo8TKjiNOlJb4-4kOCMsUB-jqwEkM9mTk0t03FBgO2sM8-q-F4Kh70Cj0uH6kCZiY9-_eS-dqLYmEwyV5YinQWdigzzbFVjSA4_gXHv_FYkXNdlRHMXVuN "Container diagram for Internet Banking System")