@startuml title PoC for Architecture as Code 'LIBRARIES !include <C4/C4_Context> 'Border colors for systems AddElementTag("updatedSystem", $borderColor="orange") AddElementTag("newSystem", $borderColor="green") AddElementTag("existingSystem", $borderColor="red", $borderStyle=DashedLine(), $borderThickness=7) 'Interactions - Updated, New, Emphasized AddRelTag("updatedInterface", $textColor="orange", $lineColor="orange", $lineStyle = DashedLine()) AddRelTag("newInterface", $textColor="green", $lineColor="green", $lineStyle = dotted) AddRelTag("EmphasizeInterface", $lineStyle = "boldLine") Person(customer, "Primary Customer") System(bankingApp, "Banking App", "Customer Bank Interface", $tags="existingSystem") Rel(customer, bankingApp, "Make Transaction") Rel(customer, bankingApp, "Update Profile", "http") Person_Ext(addOnCustomer, "Add On Customer") Rel(addOnCustomer, bankingApp, "Read Transaction", "https", $tags="EmphasizeInterface") System_Ext(email, "Email System", "Email Notification System", $tags="newSystem") Rel(bankingApp, email, "Post", "http", $tags="newInterface") System_Ext(las, "LAS", "Logging And Analytics System", $tags="updatedSystem") Rel(bankingApp, las, "Post", "http", $tags="updatedInterface") SHOW_LEGEND() @enduml Submit amiga aws-orange black-knight bluegray blueprint cerulean-outline cerulean crt-amber crt-green cyborg-outline cyborg hacker lightgray mars materia-outline materia metal mimeograph minty plain reddress-darkblue reddress-darkgreen reddress-darkorange reddress-darkred reddress-lightblue reddress-lightgreen reddress-lightorange reddress-lightred sandstone silver sketchy-outline sketchy spacelab spacelab-white superhero-outline superhero toy united vibrant       🎉 Discover the future PlantUML Web Editor! 🚀  PNG  SVG  ASCII Art