# 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/VLF1Zjem4BqZyGzJBgKI2vUUUjfT6hKh0KKBgEefcZX3i71iP4yA_7t78Q51qDxiyPitxxsHdmEZvweq_Tu7RPMfSggyWHtp8NoPJ3mUnuNcNPLLWRnobidoMBboyguL-jmjD1t8JAQVdvO6BM_ciqc9WSbBAPr6_8d7Xvh_8rHMEajX0DuHR9qnxgXj0KPR0hGvt3nh7-JaG2Q3SGgDEKUILYRS3UZtPY-_VcpMwS-tzVTqbdnB5bzZbJKRWjLPP9NGj42kiV1OYWeFRrBobXXUqUwZe0iszYx91sU7gWhiIl8Z65mgQAxWQVCsaCSNQ97WjhMDJ50ZE4g6S6WxOmrGALTP3kF1ftxlCd2ONIZJK5-5xn_Awb4nlN2T5s9KlpKTGLlnL29hPm4pLzLnQdyxTLJdNUAUu83d6Ff5I2ibJKuyB56RlrgIftY7S5Mm5dkw5YYUvbfv5zoM8Jcf7Tg2WBeD7PijjztA0aY8vktvWSqLEqy1PFjjeaeAq2JrmEmra577B7kq0LM4oOrODMRVoNHsUnV_9b28G86bhwZs7UnjDYkoUMWCnqsqJGlInIvp_cwp_sclNS_NouRZKUirkLRWin387_W3 "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/pPLjZzCu4CVVzrECojlssbrWsKFTYZwmEX2zwrrw1n8WD4ccgOLZHxQpfHnyztDSDoJhLjp3eYChhTePpzy__psPFj46bIbptj7lcIXGOGufhR7aPaKVp8IpJEGa32Js7wd6ggt2uYLBpGREXyD6FCSF2z8QCuhOHuApXysaeiIWo3Z1dnsmJsGrIPfTGTTIc7t1kSle3QPooqG6Q-IQEf-RW6WmHltVH2PAoQrNc4ak5ToxS8-BL4fXjAd_-TYnHgDObY95jHkF3tHjXbF4ms23MnWFtEEYKwbIKgVYaTbnWXJrXj9Jb0KfBOLZ37cyyBLxQemmEiNaVQQgy_hSyFB1-QDfY3XyT7zwSNsAnROPAO7ytRU1khYi_aAeoqdrTmfAxxIX_AvPpiukBgVpaEN-xD7rRFXLWxuDr8_kEMrG-E9z3_vubE_4dk3E4YkEJ92wQvm7zo_dyuV_qAB_ZyR80eo4M1eZBH6hB69IT3Oi9T0rH8TJHY85nRADwNowWjPZlw_i8lZK-JJoGsRiCx0V6YxbN_KwTMYCvXhVOcEtODymBkwlEQXjhl6dtTVMbjgK9T_pTmmpd61MvrA6MNKLQwdWcQWaoLWNXRsZ328dtQcx1hfNLxDIMwD8lH5l14mWyLz1hi5i269RseCjCnj_AEGk1fWazbgCxa9ZkAEk1Tgx12Ylzonlkz3y1NC2PxvZMW8lAOP9KN2Me67IiWu68yq-qkEpy_7hvtY3FOWALIal_fYz7Gsgt7WmSAUQ4sSt5j4TI1iha3WtIHX0aRfm3HWVl5fEkj1kP0ktfVWT5aN85x7gKt-96LMS8L-KA5QO7an4Ld9Kjn2NIjwmb3GWvyTvrgLmZOoScHqOQOrsFckuOLYLC5NHGQpaLfCwmguB3BaNCcRy2FBiNWzUOOwAYPEem5dE3AMWorXRLBd-s-WwOC_t82dTi8H2Uf-lpVUZnfrXxZ-tJn3z-W8EcLj7Y8nKfA7Kf41HnhHHQFc0YRLKkMkm7cniNGfOcWqaYb8IXY7NlQhnIMlWChDVo2G_XB0rNUZtPFdiQtqybybxKlKxVQfLlkApizRkTeGkHhk1IAsNp0xC5jxJ_W8PzuF2RRVQ433XPzE29KfgkJRmz4EoiLNanrKNmfz5jnVbo0wHzbPs8x5McDEjyTIy8UJyq5M93TGdRLmKO2nBywMbUlLawe5HA3GwJ_nTdUJqoWVIWnpq--F3Im-FA-ohtpNfzhNzj5ejeo-tr6rNwmB_NMMZvHi2tSu1fwNjPvnDsvYhRjpooVrHxqJIW-VHBpyF0fR6zdUYLx-oe_uHiTy8Kmrh9NCtaxUA6T9WP7i3hp-VpewvPfNxhOxpsX49gqtzAbDfTZlDHROg00gAIir4TembMgoMJPQca7MjtLTDumAjWNVlrU95QDuJgrdc_2y0 "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/nPRhRzis4C2_-wyuPC0-9RFpzeh4g1ymrcBPWZZR2hJ5S1BFCbUA54WghhlaVnybognbMLYRj0ZpeHBlSRzxdEgNngAsUIewvWEN6MfCWT4SSs5lwQCT2fx8bAI5cAGblQ6rr9ZznPbTm56ljt6VuiShCWOJcl5F18Udcq9DiKMP289_E-3EpFaaPLSPJPMqtk2eb9W5ChNaCe4v2aETXqr0j1YXUPgJeTPgMNaOAw4q_71MdlAcyBJpDlX_s9NMnKMaSibGhmQ3DLsTeOsurmYmXN5Idl9sf3GZtNO_ioj1mD0iYBLHPgIDafwnmLCvdfOdO3HlHnX_I7IHRoNhzK-EpaTDnDxvyUXisiRYneoqHF7tzu4wwnT_JQZ-iFXhWp8hOodzrYo7XsVzqQJ9SZm-duvx_rkWxmFrStdQ2zHSlEUlJq1vxlAqzInspf5BqjyQv-IuFvcSVcM9dfccMPmqKvAaVGnEhpoxSVgdez6qryGvTwsQz5kByrmq2yu8J0ZM4PIGPA1vih2T-qke7VT-wvJWldD_KNrf1vK4_9VJY_ptBeZMsr7JyNisA1NyrlXxF-iDsvgERxct3NFbHJvXBmfLTIAIpAVMiTmAWd6GCOv9qOsvql1A5j78mWYbQrC2Cn_r08RNhs2OPOB7QBcIdJ1Ai7TvEUFbqpKcjAdqJdQx5uP_eXU7HuEt_-0TcbZpp09A1iuu5wZVNtGBZK6t-yxfmxLMTvoH0HG2x8A0hucYYcYUoxXmZeBR5LW5SMwiIaaRkEDOs70DIueWqcffIF-q1_NbGmCcmte2LohYecIlCx_153MNhP0WUCejCJ1vPCY2ia-0JZr4zG-ZEnxJBleKEzNcbEoJwhbEVaC2VKHOAy0iNb2AMydChD9a83UaGLF2ZTMb8N3f9Y8jd_TXKVwK0SmTghHLVo7Mn8fN56OVC8x9610gSIzaurteBDggExee6bFQ6hX0Las2cfTrZTr5gEa67s2aSXkAwc5KBgrxiXgbmRBwWQlv7vOlR6JgU5j33s_7wtJUEoVXTwQtnenNtwwjtKYasoieJBKIWdIzKLT_Zk66ZFsiiDMWeH1gwHjaYj4nXKCktUFkMVCPxK7zgugcD6po3QjAmInFKvVCeq73McmCzvBR1I0OvrhfLTL6halMqACcQX3jA2V5kUQsmAmiwfIpJ1T5616sRcrz6NMnACHyPMNY9siVuWNwbmoDMIhDml0qwreXDM7RnXkc62EZBoKVmhpK1oMhfgV1SRth3Jm_rTwyuFFJSt0m2DJmeY2z_CEGsIiqGkrBhM3SK0lsXHgBAlaD8OCVOUaa15RLCtmz6Oq_f-RTX03hS1k1wjPlhdxj_d9xUptRTF7GCHaMfZwnDjlNizz_QnW7qv3nrvcdZmwSFYdkIv8iJyL_ "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 Internet Banking System](http://www.plantuml.com/plantuml/png/jPPTRzis58Rl_IiEijjuTj8koGh7g9sFhS2o5hE3N2H1S28UIuGbKYFfEkxI_pwIfZGgiZ8KQEahyNoSvxnw8-IzDgZCgiXxUib5YGeBOBJ0LMxcz6GcEKz5GS90GiAGYhBM2iiRpam6XyDXT5_WqnLfZIdD-1U2Wr_YeAB4e4XpWdzwOC_Ca29fDYLTIc6s1OS-eZDaSir52WlCDVM-HbqcIibrw70cSwdWfoD__8thrBwD-t_THJGQFSgLOAWsut55rsJe8Xws1hp0UEkFlvrAnKXrtS_C9YTWg3DY3SeIaoMcRSPEdc-OtoL7IKfBqJ4eTBZqnyTttqujUAeST8WDJzuU7a_RBCFZDzEZoouMQqLI0lE77mDrTE9-RQYJYVjrGUcDDbHyRvQ3WwEJwNcRvStPyUNPy7y5-Z5Gl_hpYa0PPmIw7jRBAIN1GF4qCxtdKsWS-potIV3SUnu5Gun31BOls8V2Qwb3rOvnJf1hx1Esk_lxGDokhNCitXQoPxZ92MRRm1yec4xGqZ6EgLDv8HLCUMf54KieywHNomvxfwUVF0lcFkm-5MShRMH1waxS2PX04Xv1Bi1a18ysRH_Mt6HGXb9_1vWaLd2ZVzw3w6yFTTsXEJScWjiBOKYLYckwtuFuA-4R38CP6Wq-k191fW8F0conyrok_vkimKZup6aDN5Wr2ZHS2a0xnRYTk6fki0ye61Iu92XnKr2rL6rDrBx03WrsRTDDvbTT95uyfd0D2UhCTswx7pMWsT7tebyWhrpW9ymp0Yw2EwvuegIM2mCNJqbcgmWehkYUvf8wjxb2Avp2WdQ9FJDIaGRCyyeZYRse5DeXUIt6VYIvKIWq9YxDFf59NaCDD6tGohmm8_MP9sJXSB7mc7L8Xv1s8VyokAYjtPowoyOFeRuzt7rruEDYqPmxOGKNN1iL910CzAeifJBVIl1e-pz8tzz-iIeUw8zVk17UEPhJQqrwBqhxwyDllyzjCfeguoOOKNidmahR7b75gD-FRH6APYIO3gvoTjunegLLA9tefOQ_LwIT4gxsJWm68ys_qBk3m_7jd78gCodeVZHmb-F1OA_tOhN--SURF-s4rxcgLTogDLHjcqYVTl_NirkB1PwEzEYDGV_wKqTUuBpDE6Caxi_xq8HgXUilQgn2dN0T9RmdmTm_n_y2 "System Landscape diagram for Internet Banking System")

### Dynamic Diagram

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

![Dynamic diagram for Internet Banking System - API Application](http://www.plantuml.com/plantuml/png/nLdXRzks4_tkl-AIdu76lpd9adPj5o1OaxXeCxXfOCSTzacWfRDDb28raegR3VlVTvH4ntBNJRGpEnzQchntzzwxio23RunbskQfQErn6OiymLmBc5cRcRFZOytcHrDkP_auDwXZ9IrAUnIhz7Z0OwOJTSCnGt5yzUBmLZ1fHn_wnoap5ZLjHLSgpPHqYCmLU0Qv96XA6s1d21CbX9fpEGN19GAJ2TIEkJQqKa2bGQYO2V50EJnD-Be0dGvZbU4PN1DHpMBBbJJ09UK6T5kPvWQxODJ4pfb6C0_4DGMbmMbZH4CVKPPRpLEc7mfA9iyofQsZYG8TEtC6FL8j4mDA5bGJpgQQfM1STJW4Ia5_IoLfBqELYLBbIda36WMpc91ObsuPnsMPrATSWL9UWuiFJWD-iJKvdflf-XIBemeSUnDzg7F06IWJeiJoXAECoTCxZ6UIkYuA3LB9G-jtAd5TecjuKefKkItMQk8qFH9Fy1w5oiesewj6vNeFagKyNXZ9fTKgoMCqSC1ogr9cUJ407P1vEaPDpFXIZy-yED_uWywPcvi45cWWV9oNFdEIzgMxYZabK7b4iHB62FWb4ppcv0nEoB6aMo66QAzTd0COBCTLEkVhYTyjXKshi3A_CwYcY_PZZSnK0SwJ0ah__-zV_rgjlKak2oUWJOcYW_Oz4pdresqiPkSddHR0daQRQmdb4NnNdhNsK2OUJ7dQHVdpa-MK2xLjYVEe2709VUpZxceoltmqekr4HrvhHQojH0BdKAPRJbnAgJojGskA2BzI-jcYgSqCt2iRl3GA64sqIhk0aLNkNy76ADoYr0y352in-zNPcO_UxuJaBRvCWGKMk4xhwrBH9Oi_Dz7X0uF5bC0GHHwnYQmRvDFPMEb6qkh1WV8yE4pY0hLvzyAqrX1hzpD8TK3n0EczHd9xQqdiXSdg1KZvksfgBfk9yO71UWWOA8aG6pPer4ZJQ2r1ep0reyqQDCgQISdMqv85YiasR4o_aPh-McBwOLhwcpMcZnFRJ8mF3DP3m419XDYmGOD6cWPh2Hg4gHbirg01dywQTSX7XYloo11L10biKYv_ovN511Rlgvx1GTidQfUPsbM23hIMVpViLt6KrosjgXQ-MBia-8rtsqxzvNKTFhJoWiAOULWWntyYMRxZDNEkZDsAVPvPi8SbQXT6-jUffcRw-EqPwYk6c-gHEvlGO7VheAtEx0O-E_XkpUurDRYtFLDxuKRsmirx0fvgBXlRHx5RTD1L2pUHK3iPmb5J5qVRit0Kxjze5qCuoXgRbstHlMmD-xAT35-_gN_zxTdN3tUllulXSx-v6jj7iLjqq5KBDv5GEnd2GLCN1zkpS13kts07GrZ-g6pidmlUbeUUMxYF3lPVUUakOgtEOvjh_hi-gcxtFd6Sdy6GJ-MrR5bk1SB5xJLSPEwIZHMg3g6ARRNw5xz-7Dr5lrpVlO_wRz-zlUaTT5gjAtzvsHiV568asaicFtCv7HQNe57KOvQDcS4eEi449ozZakJtdBm1Yg8O4-2tOHZFC6NkT6YLHWEvGGqQfznONLBZSg9qMgoxC6DcLbukpb1QppxMcBYFJ9Wki3X6Oq2eANr06n_jTnxPVulxaDO2RzaKbro9ejFdavUlJvyJlJBWq4Ki6-UO_ypksJ3MFBF5zUA5dEQ2QNTogzKzJqWL4yBVnte2C2uPB2QB2MuVm2g8SsDLYjh0FMSEmpNCSGnZhURaJarFTAbocJ3zy2rXrEYQekSdavF9wGz4ZavgIZhmHmjWSRFVDE4GurmJymMGslzz_EEhLwTKmny-fYrQdMad_1APhBbKSsBvRjxGw3e4fmc8PqnEtOUC6JDNEbbqUHtsvPV2sQcL4AY9_8Izc9oyTZJfZDe5ZwTBv3zyke816hjoUY64cfTJR3npeatBUlChMb3oSkJ_RDMVBEjEwbC8pySfjsRvQqK2Yb4VVhmvVdztTpianfxl4tZz5BDsnGJnvERYyTc0oK47t6Wtz3QaNi13qA30sCB_mJtngzcOpr1ZiPOiHJY7dmf_UvTNnFODoYHFnLy0 "Dynamic diagram for Internet Banking System - API Application")

### 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/pLTjJniv4FwUNp6NBuKA27aX8LLL5G9jgNX1RBZUdKvQpNfd4mkllRAzfFJK_txZsut2zbvesbGw919xPkndPfwnntdjF5fVvghrazH2bIcLLi7S-yAzw7GiBlPcqi_Bf7HaXT6UjDyJ9k_SIIlcpiyxay7kjKBjRo_EEpawJvP5yGaLoZpamRe8cp-3KlEo800_9yYCKcOXzGoKr0IeKsYefNKyCi2me8n0fHvuZwMBy78oQAAyQh5wwGUaXXneuy6LHM6i1oozoT5BKS4bbl3EWSaWX8GiiZiWCw3OavXha0xkoJumCZieDOVk6miNd19WmFRBZfEVwDNl-cNuVZ4zdRoxZDzSNKxZwEotqrTjjd6O5ueSEEBbn46tMbvwHN2cFLbD7evHtuLCH0_EKmwxi0ghrJe_-lNgTXf_E9k-YyzFtvvUdcnjjrehY_ZIfBJrQ1wVotkAusCv2_iMIiHnFpliPabl1zeiXI06bhU_c4EA7a5GSAkz3N-q0DQ3IUGiuV62akVFdyTnhv_j4mf6gHMxbGQsFWws0_XjKcfVGdUujp-0ysbKWtudx561OavJamjaSnmCHWF6ggHGYTjV2k1mx-CIdVycow8uqywZ5hIrvAgcgc8gZZzGSbGKIl8MqkWUnpmOzzDqpFkp2Xxf0kHxlCTGwH0LDl1zyVCaY4z8SKpMXS87nWjLMf-qO1t4grf9wbfn_A482fmHu0fchxqTOe3FBVx_LWAna1M10n87muD715OQ9l1mumIkO9i4zW_7MNyy_c4K7bsVDIdi9gD-sYFUdrLVIU6rDVSo9VTtdh9IYx0ObVGFS2yH4Dv7LvUTTzFfTGGCiH7AqcI_owuBCSuE7XCMv9jdgaAxiYWKNLkPettWQZdCHkDio62L0dQXrhLNicvF_1T99yc_qNI27XDq50ZAUhrH5WxrKXW0RaXXbMXOYY4ISyenQ2DlB3a8JGmipQJp5eCrI9qPcsCOxy0StPpIq2pcf7rDEmXBQPYYSZk0Gf1peCoC9-J5fjWBTmSX7Go7JVPwFuIztfAzY8JHQSNV8EtsKthCNwNTC8DzFjEzyL3WyF_8uEUlQAsJqdcJattcXCcBqfFbx8d-CA6K7LrfOQaE_bz8OOqpcOSFKgTcuS1O2BSBmHEFY1p5rPBoRtEEUz6nPSWmxXxszqVPgEvGjJWu-DQOq54cSylBT-32V99AuLFElP6MClDnfmubmWoj16EVMhTAnsaweogwTQxjYCUAhd56NpJWdX33NiBnL1QxmUIVRl58M5bK3VP8pqg5jd6Her9Wij1xdxhJlG5Hvzo52pwiaHOMb41IPJTKsFgrbPj4AahfNWeARH3tH_j9ixug4wXiWliL2V8gWb1SEhL6fbLklpwp5s7JaDNGK99at1qBthcI0ei3pY-OCyswcJ5GCfUUKd1buiX_N_eQeN42ENatfDPlukkqanl2r45cJGwXB1PMUdBWpLybSt8yOIysxaFZGbp3XpMuM__XSu5t3Ce6852f9VpgsT9qOksZ-QCSYc-BzH_gtnP4uzbk8DIvM9tBHsU_zkoSCh-9jzLc6lmDLI6HgtxpUSDklYQTbhdw4m00 "Deployment diagram for Internet Banking System - Live")