@startuml !define osaPuml https://raw.githubusercontent.com/Crashedmind/PlantUML-opensecurityarchitecture2-icons/master !include osaPuml/Common.puml !include osaPuml/User/all.puml !include osaPuml/Hardware/all.puml !include osaPuml/Misc/all.puml !include osaPuml/Server/all.puml !include osaPuml/Site/all.puml /' comments . Mary is a Developer in the Product team. She has a Windows 10 PC and an Android phone. . Bob is a Manager in the Accounts team. He has Mac and an iPhone. . Ivan is an IT guy who looks after the server. . They connect to the network hub, and via a firewall to the Internet. '/ Title <$osa_site_branch*.5> \nNetwork Diagram skinparam handwritten true header <font color=red> Warning:</font> This is a draft! <&box><color:Red><$osa_warning*.5></color> endheader ' Users together { osa_user_green_developer(Mary, "Mary", "Product team", "Developer") osa_user_green_operations(Ivan, "Ivan", "IT Team", "Server Admin") osa_user_green_business_manager(Bob, "Bob", "Accounts team", "Manager") note left * Look at Bob * Here he is ** Yes he really is end note } ' Devices together { osa_desktop(pc, "192.168.1.10", "Windows 10", "PC") osa_laptop(mac, "192.168.1.12", "Mac", "Mac") osa_iPhone(iphone, "Dynamic IP", "iPhone 11", "Phone") osa_iPhone(android, "Dynamic IP", "Android 10", "Phone") osa_server(server, "192.168.1.100", "Ubuntu Server 20.04 LTS", "Server") } ' Network osa_device_wireless_router(wifiAP, "192.168.1.1", "Network") osa_hub(hub, "Office hub", "Hub") osa_firewall(firewall, "51.37.24.103", "Network") osa_cloud(cloud, "Internet", "Network") Mary --> pc: source code Mary --> android: social media Bob --> mac: financial info Bob --> iphone: phone calls Ivan --> server: configuration iphone --> wifiAP: <$osa_wireless_network> android --> wifiAP: <$osa_wireless_network> wifiAP --> hub server --> hub mac --> hub pc --> hub hub --> firewall: <$osa_lightning> firewall --> cloud: <$osa_warning> legend |= Color |= Type |= Description | | <size:11><back:#Red>Mary </back></size>| <color:Red><$osa_user_green_developer*.4></color> | Mary details... This is a stdlib sprite | | <size:11><back:#DarkGreen>Ivan </back></size>| <color:DarkGreen><$osa_user_green_operations*.4></color> | Ivan details... | | <size:11><back:#Orange>Bob </back></size>| <color:Orange><$osa_user_green_business_manager*.4></color> | Bob details... | | <size:11><back:#Purple>Box </back></size>| <color:Purple><&box></color> | A Box. This is an openiconic sprite | endlegend caption Acme Corp. Network Diagram as at %date("yyyy.MM.dd' at 'HH:mm") center footer %filename() rendered with PlantUML version %version()\nThe Hitchhiker’s Guide to PlantUML enduml <&box> <$osa_user_large_group*.5> @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