C4-PlantUML/samples/C4CoreDiagrams.md

# C4 Model Diagrams

The following samples are reproductions with C4-PlantUML from [C4 model core diagrams](http://c4model.com/#coreDiagrams) created by [Simon Brown](http://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](http://www.plantuml.com/plantuml/png/VL7DZjfC4BpxAVhZyh4I2vUSSjfTWfALO8C2ACh9QiOD7Z4_QBeTuEtJDiQ1iCdDqrrLNLL-Oi4abNVPVpOOLnK4fSYUFuv62G_3hPMoMbTCoSGW56HeeX_jR38bIpaQVtYSEmoocar7TDHzGOKEyx62zJtSryB_GnMKvPKDKX9iedFnOCCMd0q460guMTl4-XL1huAB1fqxgKPdxq_vRFhyu-jgcNz_NNx9fvFFaxTF_OSi4okEO75Y8Gyj0GgBsuHUBIHurL4A9F22OQTkMcoMpIbn37rJiKHFQG2zymHT1nstkvukd-62XBXf4gmLDO23LWVxbjdC08s9LH0UzXwoyxN--goOS_DKkR_OQYxLlN5tZkkIVbewW0qQoAFO603NiMgAjEdswA1fskEEO8ydJwsFraW-EKhVetM_dKmUwpTmTt-fsMnZJmFDh4cHuqPWSZGbXYq1NHEwZ9rqs6Zrf3gpo_Sx6HSI4p6WSvSsZGwWhUcTf5qRWwkaaZ0mcXgcBnBJ9Fr6xkgltZM_OcA5AIf_GRExWjxsig1GS1kMGMBBUIExBTSntVtIVx2RnBFb_2nnp-nAwzmzARtoxXS0 "System Context diagram for Internet Banking System")


### Container Diagram

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

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


### Component Diagram

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


![Component diagram for Internet Banking System - API Application](http://www.plantuml.com/plantuml/png/fPLDRnit48Rl-okcFhGou5YNddgABBkD0piH8hiV9s6M76lPy6D1pbeHYlxt3YbvATb6OI0dSScNCy-yCxjwdnWZ3yusFnYlxA09EkO-_JATHjoShmrtGpiaYYfu9i_dAhZfLnDLbxYRpdz-jx3e-VxsPahVv5oJbitLFBW--2plS-YVOF1opya6S4Vm4AmD6-FNO8qdGA_XwDZ49Ai0aXTiK6ZjLcACW2yJD3UplpxVtwt-kBxxiBgv-ktgq-Naj6dOi2KOjQ0DhYCwoH_XsZD5JmmNwBzcbEKsCJbu1xF5DSpwtXg5R89lchcKZW8Q9wd7CpXPYbpYBd1DXy8JEVeR7p6fQ7ekLQ5V3nPZFbd4y6Wq9P1gIfNc2Q3T0po8IJaEMiFRNBuQ4WT7CS6ZmNp7HDXG2sqCcqJn_EJq0CrbijlG6bkWSie_qM4q_ZWxMECCauOqj4co1_uE6bVoFVreUZIAZh0ksubk9VybChQOABDy8OkxoF2q3KlLaSDykkGGXJEF74HQcyIng8LGskRA-WmwJ1rfm44uFEyR02gIpezeqncWKfGIsB2M1sALkNOzNbrzuubhKpOC9Mn4Hy_6e9AKVeM7OfAIZT6W0nx0DWnS7Ih9m-1PLeBl4nOhAqSrQ7KXEernEy7UID9dmtTo2lyq0527U9BCscSw-P4XXXmf1ckfJDdjxtFuGedhTjwTvTTjvsdAhSmXX5-Mh_S-xJmuVPPvB4eYxfUm79mJ-hTWr26iexGnt052aYWXRlS-crX8HXDVW2HIGvInp3Rib_MqjAwFkOuBmkFfFnxgc0UHT754vBkcde7gSFVGOqgR47Njsp66ZD03AjJqFuC4lnR5Ar0ps5s6uFTzS6ECuqRap2Mrl3dxzXyuS9z871hFQvCgtWjHlQxRyaQYXXzX8ri473BTnykBURrmMAeizm7BDqQ-_1_kxXPB4V_RD5bRFf85iye-BZz_6dMZgBA-BYnAzuPexWt1tfFN-R_YFm00 "Component diagram for Internet Banking System - API Application")


## Supplementary Diagrams

### 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](http://www.plantuml.com/plantuml/png/TLHDSy963BtxLwXSGcO8zD1JJ-63QJA5a0amcPuyorh6EwnttTKwXEdqlrThRDS4kB7Ia_IUzCmpUU5ycUle5sMaBXE4pFk2VX-Dd3WEzyfdvQuaTD8QZyOFfSr71-LaHZuRJNzxUjV2-EroCS9lpYUOS32UCfZVmo8qVe3IS5NErU0pXDHgRO_Ax44hWo1C0XTfvOX_MU2feAqKMf-uHqllP_leOJ7-QxNTn9lLUpnRVRxr7zlGU1sl_vnlfYySgqEVhvkNU37_O_usus3abTS8wnDvp671N4YA0Y5HOkz4pbmTJDGU9i8SeD0oYjxHaJLzMPAtERe1zCuHeIjGa3MjSprEZg51WaqhVJj63U38YuMYgGmn45BQqdWQzfZNd1MwmYd2UCBHHBXJN_xA3RjiUe_mJmG0DV_-xamWfkh9uDVGnQ1lgDN0YbWu0hNiA6pyI-4Hb67HkV3A6X0xMrPNKUwIuw0wMouE28KuvLZJxf29vz--BtmUHcsMzoQ6DIHiD922Ckxmiq4kbFvVplmfl85Q4PiCGLKQXOQbaiwIJJtClsKcp1u1kmMt27BQf4xaoCsMpUyRsrfxwv10QDsSKN80weNVs5chSj3PcNV2a901nY_qigLqzb15gQcC2TsNae5POoXOdqEmzY9DUzrC3GOAcMgjohHsup4_f-o4FCGsJSy39lo25R-wlST9hemYxsfT9W4gYy8wVt_Alr7qWJf-GxNFTjPrFfChRsu9YIi2_AE3Erlci_O5LSQ0ahYq1WUk7VobGzPe4ghF7Wp6DLSJRYnuJ0U2lqkaeBIg2-P2ZKLc3JPDPbSVsFtXNSeylLBLDLjN_MNR-y3PbJVkGhVjWU-XeeKuSSUAsENyormpyh4ARhjVP3VvpDh3l_5_ "System Landscape diagram for Big Bank plc")

### Dynamic Diagram

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

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

### Deployment Diagram

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

![Deployment Diagram for Internet Banking System - Live](http://www.plantuml.com/plantuml/uml/rLPVJoCt47_FfvZcXJy2SaIeElNfGa8FA87eDfHMgXJDsfDT5w-zihq9QNNVlUFTG5Z8gSVTq-LXPO_dDtz-unddWm_eGbNepa_A25r9WZo4ql_IwpbS7cKgv5LQUNB2ca0c70bRzEwL4xaFUMzuSZZHQCBj-Af73tmkIR9mDg9IsrKHzSjeUmSgmy0eW90JpAtMTgbC1beP0ZGIMiVAULvPOCUWhK2jLspZAS8j7ZexLuC_Rswdiq4oItuxcmxFT_SwQz7TnVHyTdNsyUnwnC9EK44JR0p0I67ciE2e75nmbivGW5Cqzp70PEK35N08Lsf1dSu6DhksadPBBGwWUwgo6W2yxRxOWyI082WQxkxzsm7-lRGY3ODIbQMCESHIxU_l_nKUtaTJjsbbGWN7Fn-zEu6hQV9eOfiPB57anA11lO2fBGI6xai1l3zwQCniVaDh0Yf3Zese29XSmA0ijM9zPKsqSOaBh4kLb2uoC_vz6CKJPnTAadzDtPoB7i6eLLZ1GZ4QBfERwzxvT3f9W5qSTVUUelZSQRxR4bjJ8zDtny-8YjktKcGT2XqfkgaNNDU9KmMwLNSZE-wBBz8pIdTbogeZ39YYfmZxH1gRFE5H30dJNM0yJO9rv27s43ZAb0-krWPbvjOLzVe0SlGvIS0gv1phcdKGZcJSelO7W4AGzw1jnXiAuktazTlazR-DlFvpzX8IriWtyjV_mGXCdnEtfBHfpvDlQy_-T_Od-sV07QLVsPyZqcf1pjUJrGTM5x0Uvb4xYb-thkUF9YWn8y2DcssCVNuz50iRGnnMFjY2t8u75YWs9scX13NvbfhTtYHW7GoCT5R9c78xrGR6wkC6pwW8_WCBv0nRmmT1gq85ak2hr5C0Eu-P_TzG2XR4EamV9rJ4ADUEbvFUbgImHTdECaggEELZnCe9w-qym9qoqYvz3AZ9ka1natpf9KWTwv9RL_YqsKM37wsD5HdcpXPCoTZ-exH6-5Kvcjk7WxNj1EVeL2Hrh8Hh0ZYJ6JswQ_FhIupzrTHwmhNUTgKIuLJPN9M1oIgDhasyrj_7DTzdM6VDJ6yk5G-5fmlGl4bZl6U7yMKIxDMpmHZ9tzwQvaLXD8DYLcz3p6wRfc9WgrzidPNO5FXPg6jVjHkPrZCCfOSvLwUcQkbKe4U7bwFJOHlG_sh4x1CFp0saAG_vvbz5iApqWOoi2lqV "Deployment Diagram for Internet Banking System - Live")


## Icons

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


![Container diagram for Internet Banking System](http://www.plantuml.com/plantuml/png/hLHDS-D44BtxLpJXWBVAZee2BfpMiGt94d-mSZRBITMIslQGqOoO7jb9KVntUXH5YfnDPQdYfkcFrqzlNizxzkXyLUZ1Dyfakie9zjwN_7CKEJoUxvJVLsd5v39hF1b_djaYkbCksxFVHzCVnskDnjyihYEwbtnEkGIJgHIZCkJEonewfwsSO3R_T3LTBUEl6E6h4dFtGrG6UC4OAycEjr8nvj8fJnmLo9vSbDCXvBYTyijgkPdSpkFLOlw_3gfZU2Is1Or_6dm7bH60Ge30xmcsLcjxL6O7Eh10aqClhHpBbmKX0DfcgFM3OBIglrIjINMoHMXsbSPNqxdrXlnhsJ_nWA_b2lvB9qpkS3Ax9sRqPW6P0sbRqcE9_Dtrv8_LpIRPhDR9R7Mx7BxhOfCuYN-RRwQN4cn2jrURo-Hw_kjyEPFWm2kl2LfH85UuSrY8q0wkZ2TdoCC5chkWUVp0deh1O4sEhHbc5NjRa1l1jFqwcy1J6EoslfHKkaTm56D0MJUYhcE0MMOhu_bCU3n29nSIoD4z3BFl1UkKmDax-7i001tVuP7I1CjIYcyfXKbPQfMXLzQSIUW37d04SUa2-SMdQOZDI2iHc6jgxAKsWyQgjPr2k9sRFltuUX9wm-qAsJu3Bb5IiPHf6gznHu75q_GuSwhq8vWycYg4ryuUL4uCgFMNfst5yru5dPH_26xEgbfGXeF2qA8So7z3wkoHgGPjJFk2N65JfQbHQ14EBRtfjoFuZ0MAE7rQe5MXFEN0LShamMw_cYQ_uFb80EhtWyASn_qv9JfBXpbwJ94ft57p6UhZtw-XT_RM4OS5T-1efzWx51AWZ5Ysm41e17ifpW4hiLpcA2VZ5MeU1SSHCsYxamFvx3mWTdlvKhyKipiokGYeWhVNLr-ssCnAcUlwUeA-8LpGIe13IqlYdtOXvlT-I0KgOLW7f6e-NiYvMSRGjjaJg7e8QbYep5csMm_p-smllY3WjlBfxP0Hp_0RNjq4mJTRXmMTR7wdVp3lap4o2RJ_zkmQ05DR-SuLetRXH-0T6iPQXUOcmYFmaVIpHwLRxHic3hClDvjrB8NzEYxnpPhU7eJIPboo9BNRfxPzI1guzfbeaEfWpmpjGEG7autWGxnQHi-7ToF_OsTo8TKjiNOlJb4-4kOCMsUB-jqwEkM9mTk0t03FBgO2sM8-q-F4Kh70Cj0uH6kCZiY9-_eS-dqLYmEwyV5YinQWdigzzbFVjSA4_gXHv_FYkXNdlRHMXVuN "Container diagram for Internet Banking System")