@startuml /' C4 diagram example Basic C4 info from The Hitchhiker’s Guide to PlantUML (https://crashedmind.github.io/PlantUMLHitchhikersGuide/C4/C4Stdlib.html#c4) and GitHub (https://github.com/plantuml-stdlib/C4-PlantUML) You can try out different things, e.g. * different diagram types (https://github.com/plantuml-stdlib/C4-PlantUML#supported-diagram-types) * experiment with different relationship types and layout elements (https://github.com/plantuml-stdlib/C4-PlantUML#relationship-types and https://github.com/plantuml-stdlib/C4-PlantUML#layout-arrange-elements-without-relationships) * use global options (https://github.com/plantuml-stdlib/C4-PlantUML#layout-arrange-elements-without-relationships) * customize tags and stereotypes (https://github.com/plantuml-stdlib/C4-PlantUML#custom-tagsstereotypes-support-and-skinparam-updates) '/ !include <c4/C4_Container.puml> title Safari Management System (SMS) Person_Ext(customer, Kunde, "Ein Kunde des Safari Management System") System_Ext(api_access, "Api Caller", "Ein Fremdsystem mit Zugriff über die SMS Api") System_Ext(stockphoto, "Stockphoto Server") System_Boundary(sms, "Safari Management System") { Container(frontend, "Kunden Web UI", vue, "Web UI für SMS Kunden") Container(api_backend, "(Api-)Backend", Kotlin) Container(image_service, "Image Service", Kotlin, "Service für Bildverarbeitung mit Stockphoto-Fallback") Container(customer_service, "Customer Service", Java, "Service für Customerbelange (hauptsächlich Beschwerden)") ContainerDb(db_customer, "SMS Customer Storage", "PostgreSQL", "Speichert all die unschönen Kundenbeschwerden") } Rel(customer, frontend, "Uses", "https") Rel(api_access, api_backend, "Uses", "GraphQL") Rel(image_service, stockphoto, "Uses", SFTP) Rel(frontend, api_backend, "Uses", "GraphQL") Rel(api_backend, image_service, "Uses", "RSocket") Rel(api_backend, customer_service, "Uses", "RSocket") Rel(customer_service, db_customer, "Read/Write") @enduml
Decode URL
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
