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/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/pPLlRzis4CRVwrCStBVsxAHjcXMEKVzfi1RrvatUMg0jYhDqbebGf43ISTobttqKJQjIQ2FTaAAJtzXtl8S_FZoTNsY3ognp7kah9WfKc4DAIrnpCwSRC-Gi4pa90ma9GwgsQgEmUCjIiuBJNgyMp_5cIbfZHZ7xJ73oj9vKb1WK6IVuEmBxn5QJfDaMT2c5sHMSkenUOIetJ6ImHAuf-b9J6IebDrvXBBbKyEZCFIvIAeNHklwNGqJz_aAkHOfgEnZiwPeCnuXxmGPtC9wunqL7KgMaZiLZi-K4AUeLfSSe2r9Q2iSOydZXI_TK665qXCbLfihp-bpl_Cdfir68s7lsU7HsUOp5TWWfWVpJzu4wEoy_8TJviFmSWz9RRIX_Q9QJaxFpqIHaUJn-TZdktMlGzu7wsJtVP52A1XUeVxm_5Sh_mvxmpX8hZaoGUcYS9u_F9vEd_yQY7qfZP056ma8Q8oqHAorYKaGhbXBe2YBYb958GR5iPQBR2sWyzlVSBeBRwBRlXyp0Ps0tD5pAl-fLQjyOzJM-nGPkmQvXNDnVSr1RN-DFkwkjBBKfIxxZZmmpd61SvLA6MNaLIwdWbIWboLWNXRsZ368d7LLT0wsBY_5QMwD8VH0V10mXyJz1Bi6i21Qsj0qRPbR-KCXT3319xBKOtOBQS4TT2JHt2L3UxrW-jg3-3-O4Jdp7D0JUqWA6HS5PWeP9ozhjzZNxJCzFJWVlN-CrjY4kLAay_MlyiTyjSuDkrvrgGfnTMqHt86siGEBS9640HUh25U1YxzLis89c8rku3Iq-OL64V34hltLcc5796VB5YMA5QSDGP6kEwWxYJCbhbf86vFmmpt8jN2CZPsOBHbgZdSyQhXcM9KoLTB1GSgD97M3N1ORSKxbW_03o-54Rtc6EYecZgC1PpWobeDSBRL7byflHTS2Uxq1IkcO9XVG-NvdlHuqxmyH_RvuW_lqDx3DtZX0RgKZ3MfC2HHdJHg7b0oQMKkMkmTgmidKfuDgi856KaZ0CkMwNZKzQ0vUP_K4c-Ic4hUX2luUpL_VryKGcLwIgT_fOgzpZixFMxXRIsVLs0v5QBvaTc0sybvqfCku7XTjklY9Wmi-cAKkKr79fuELDih9LvCTL2yA_HRSNvSZsaUPMTYEnL9ZJdV5Klo7aVDzLYGrK9wrT5A0T7-PhIxMhoTG6er1eT9xukphAwPNtf7ivw7G6-vSUdfVO5tzgqirh-sK-dyLVRwdLhDO5_hVAMilN15hH7gUXxMUSJTkOgwxTyj7zKMz5qeRNyM-_TWEMslOFebUziltE0R4_25CDIoLpDvCtYXdIO6Hp0wy_6OqFkMQLEusEyzen2QjDdJ9JQhQY-Y9R5G05HMlDH7Q89PxEPtMMkf1rhTbNeN4rhQvtxztqJMZU2wkvpddq3m00 "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_wwyuPC0-9RFpzWh7g1ymrcBPWYXx06qndCIpp9KY1PAAwoxvtoU9CcTP5jQcBK9_YCHxy7UFO_JIMDGsJqLWtdEPeSOK62qm5_QEFjYnu8bCILg8ILhIMrehZTaVdDabdFJxM_ifVhWcOp2Xa7yaE3xV5cgABSf44FmJGB52IvgKNMSqLz8wWvDAOfR8r8hB11Oe30MFMrx6MgjLxM6gXDBmtKMrgftIqzvTx_zn7z5m6AbSCjJhqMX3rsJe8kwt3jZ1EAjMjJjHcf7ksW_jMX0mD4jYNPGPQQEaOspnr8xdrV8OxTq9nkyJNSPRo_g3ivFBIHknVtawkPXtiHGTGbgY-ElRG5qCobyRQZ0kVrrGPcqifL-RvVZuOZ2PjLbEfvVpQVz_4_Hje7wirYSbYA752CtpvyUZF7jwEceM5ywHIz9V6-ViT32RdNzcYfwPffsSD5EIf7qAJhzQ-t46vvF9lD_6kInADHjq9kUvQ9QS4HX_M20e8Sb0ysHfWuShQApY_QvGWeVWOLZVjADQ0kxcT29tttdHPZeQEcxEHfM2cngtxtgzPTlGSILtjhwldCW5x4G-guM897EX1PPRGJ3rCiOnAQknK1fUoV8qiZ11MPGfWT2TUWJZcrSmpZB1OxHSoS2t4XnSNOMyUhh1XBQLtifURsZuHtfnV39wypVUeuarpooWP50OvmBrks6lr1ZrUcyBVRZHwfupCe12W5qIy0rHL1CjSXcNpb5mkmQh8CwDLIbf0_SSInkkOKKHH5gj3EaV3g0vV6Z0PDWCu5f5N5JiJUO_CKNDPISa29voImnC7XcoeEmNGASEelx3w9x7j8y-nQ2Ud8fzLZytoMz9e3iHDWeGnajASIUOq2fD1d936ZGbt5XT6GAN2wNJwlaGbjMd361Ue4fRrnTYJQnyHM4E0UEOZ06XakA5RBmFdKKxUSVY58qfxJIS9wixGIsglCR5Xi_f5XzWf7Bha-fWL2vjyMGrIeDLzZrN-n-MIsnacdWxJGzlffjmtXr0upiJ3M36wxjhPpOIMSmLbAPQ2K6wMQZhtwTmIyQ2LzWfq5W8jN85CcNhcD8XbyNZ_bvp4Hr0yrP5Kncs-SPrfY3CqxG8vicWVYoscdl5xH8GJE5QwNLTHguhLb-ZDgeNxKadnRdcjiIiBPgKOQRB94m8EwUsEOow71HYBhCoSPrr2F4ItKk6ngoKPhvvsdcjaTgmNUqDSuoHqQUIZs5HwOEITT5JxxXPzHQUwsfdNlAvxZaw6dbgU56INlrco1oK6ZxtbPOtRgbv-rADHRNybf31zx0g90HMDIDyFPjC_mlDkV47R8xREcZdBhx-kVVJtTrDkEtYCJ0PbgOki2xRr-6llxIClQcF-FFCqoSVd7xHkIz9iZmLmRy0 "Component diagram for Internet Banking System - API Application")

## Supplementary Diagrams

### System Landscape Diagram

Source: [C4_Context Diagram Sample - bigbankplc-landscape.puml](C4_Context%20Diagram%Sample%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")