@startuml top to bottom direction skin rose skinparam linetype ortho skinparam linetype polyline skinparam componentStyle rectangle !$Facet = "#lightgreen" !$Server = "<<Server>>" !$PubSub = "<<Publisher>> <<Subscriber>>" !$CU = "#lightyellow" !$CUMandatory = "-->" !$CUOptional = "-.>" !$CUAtLeastOne = '-[#blue]-#' !$SmallFont = "<size:12>" skinparam node { StereotypeFontSize<<Application Role>> 12 } package "$SmallFont Legend" as Legend { [$SmallFont Conformance Unit] as CU $CU node "$SmallFont Facet" as Facet $Facet Facet $CUMandatory "$SmallFont mandatory" CU Facet $CUOptional "$SmallFont optional" CU node "$SmallFont Facet A" as FacetA $Facet node "$SmallFont Facet B" as FacetB <<Application Role>> $Facet CU -[hidden]- FacetA CU -[hidden]- FacetB CU $CUAtLeastOne "$SmallFont at least one" FacetA CU $CUAtLeastOne FacetB } @endum @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
Pure Javascript
PNG
SVG
ASCII Art