# 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/png/pLPXJoCt4FsUNp5DAnqW812XwbJff0i9FK24H6meFQbID6jFDYvUUsLx0sbr_xtZtN1X8UYWz-KIALhFpdipyyPZvwCFw4APwzPFoWXTIe9v28N_hTDnUBUVgJ0lqzAJ4zO4Cc5VsBnpgvoO-p3lz8_snXfDk1vUTEYUtqkIR9mEgD1scKV_8dA_Wz8mC1eWp0bcLcjxfqm6MXa2D18QhvNp_6I10uEs0hLUCiVN33T4QFMad62Mb4LXNTXgpnYJehXjxy8lQTQtsheFxP_5GVosjrlC9fS6SoL0KqOSN_aOJS8MYg0M68XD1ZJwKEMupOYBtkVHzMHwSpOvdLwSV3gv76mnKr114wppWO72p67EHJeuOz6SeG37Q6vZlSdI1yfX3oxKWbgjDMnwQILj5LhiGljOPHK0UDb-iWQ90K5G96vl_zi2_ZnbaOP1gSfInknXeNPsTluAz-yZrNLQcb32uQ_x1qTmCKaUA3RHO85YJWpgLGymiRd0q7vgWFVxzpND-jEt9Y3BvfX4HS3u37f5eHNxAsiYnpakiEfyKhYepF2FVZIFdLqeIVwvTBFIY0X6hS8I5ehHS9wCBZkdayau0GwnpvrzoE1Bg_xTLDXA6faU73uIAYxVAf5rA7IKQ5GzS5_7JkNebksrxR0hNfHda6x9b5q76315Jn5sHHhhEk7130dBdMDycmJhgDgh3XnboWTNUOCoC-lowdaNvkZd907BCETSLwg3S2JZ4hNV1HI2l0TjCrvG46yNhziKhxjHF9w_W9d_i9x8RVYMdjt7WYOah97F9NsPUBFAtHz5vkU9lrBuzB7WTvJMOttq_yQw-vrppV4PS4FfA-TwG5ejoFdgWFU1tGMixfJe7StFHzxpZoOeC2F0TPXDM_NByyCqjp75Vkc3pSczyy06nNII5afGNM-XEUme0UkWPwIpIiQIcwNMC7OVrdX6HV2Vc2DNs3Yq4BJALRmyV9bw2c1diR9l7MR1WbYbwUF95Z7ADVFbeZSLAMnUDAkCbZBU3Z5ZvOJrTXRWHXbfxtnCgAuwHp5ANhf1KiU-v5OTFgvNaV2JjR4Z_RcpEKiojFyehH5-LuvczdvtnPtW39sAeWwLS7K29pAZXt1DVNs1SUBgNeyneqrRAX5E5VLMwPcirEYQmclzVLhpVePLrQpqUbDTaVww0UgxR8Yt733UQ8AZUYQCcVpjhQbl8aP745VrDiJqkXug1ZRcnLPLYNM37wMwYbM5aMbrgg7qC7CshwIwSohGGy3pmN6_2UY-6Z6zuYDq3QdRGxx-Dn8iExMIqz7DTF3viZSyww__7tqa8yjS_mS0 "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](http://www.plantuml.com/plantuml/png/vLT_Rzj63FtVduBp1ZGfd1ynqg4OKA2EdJKfuYI8dAO51WJK7ItVSheJxavElA7VVJn9hktOQLfi60RC0Ho98ldu-2XAVki3kb3cklM3CaANac0IGk5_sTjpUB-RgJ0fqzAJ4zO4Cc5Ns7plJZanyM6orp_SkTHemlNmR8yU-BeaoSRR0HNQplBeNyJSBw0q71WD42O4OwkrlLSc0wqC0He9AvULytnaWO51Mu5QppZ7bmet8BHwKeumIygYi2vijSSSawAuQtVWfpJhMstTc_QFOZ_-jRTRDypBbk7IsO9Sc9qGId9Rsor6aJE3kHAWAMC-e7oiGi8MYg2c68XD1ZJwKDM-pH5dlKyNrwFRczFHoUtPyRlZyq7C55JG18iwOQ0mSvWpUGUd9f0p5E08pLtiGpBpWNBOWJCrfLPh4NPxRYLj5Lfqe1sljVd_aSggG63putEG6104HO3szfyju0_tPivqgtrc1GPb3GVoiP7MLFs_8fHS2FScHZp2lptRaeRzKvMbZBE3XNhvykLluU5rp7ATbYQKSF3pxluXd8sIQEl1FQNWoKt9WIElOd9G9kgxV6cCBky02a4-Tdcg47vz1KUdxtPEBpdNqE_EIQmHUOzJX0_aV4FcDTU-qV5Z_X2llphe3fzsyT7bOBzxkF3Pr0OiK4me4gmEO6HpWQ7zs02lTnygem66CE1jwGH1LVBnyL83LkZ5Jz-QWCgGOoWLCroUGgyej5geLcM9cYM5YrqTVkX7CxEPAab-VRZ6fH4n6BKAiwh72E-JY_Ezaz7eCW66s5qY_RdLV3y_EKzEIpCeCjq_M1gRUFhKm8ouTqmdHpUhHZX5JsizseXb7GeT9Rce3c07BkiyxONje2iUWNH0goaje9wJOv1koPHJ39g0cEwADDPzXRaP4Xw27EFL95X7rVQ8Tq2cV72LDoWpjYwlZZimGJyX2LY62NDgL0RXICPJr7v-Tu2s6PzG4DyjrjVlxQibjRghQdM_ffOdOOtSg1SltO2PVxDOmzlmj8HNZOJTPGsJUVPr5NiBw0xuW4QcQpLqwgqTT-qObRPiWg9qXVNamHezUwx8TV6x_nNrrmjVcuT_QEtpQAJB8y5xgzxxX_-llN_LxFtklxBusOapt53wZOj_G76LEL_rs0Ts5z2yhaNlQ5v_9dZ-qWG5PWIuWDcqMpwllu_aDfROBtsmERaN7jYWE9sagH9KTwNG37kHW7NGCz9P9IFbLQfr6BiFwtYEYi4VCKTckF9KGz0gLu4a-3BrpCIE8xFdddR1WcZAz77COenog_KowKqaXSsBLPRHKZ9SErQidB3UZWFSA2FjlOy5rQnp51V9dEpZhAbZNtADmaVrMKpupjgeI7_Y6Aq3G_k7qffl2-LeR1ywJUu4n-XKREfG2LSNS2mpYd3he-GBZBkerlgIjTuqKebmggX7fMUoKgDRRRpMVw_NSUWRrjpfnL3n0lqo0FNBpX3l632-yWX6zPmmLlAxjwP-LU7e6CIilY_Yzhg-gJXmvNwn5Ikn47Yfr0QhWf5fynJrC6PrgbRTEnLe3lX-SDHV3UX-SmHl5vakGcfvoDSlyi6oKoivkRYv7NmwxmrF-ukV66_9o3BNVm40 "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](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")
