@startuml skinparam defaultTextAlignment center skinparam wrapWidth 200 skinparam maxMessageSize 150 skinparam LegendFontColor #FFFFFF skinparam LegendBackgroundColor transparent skinparam LegendBorderColor transparent skinparam rectangle<<legendArea>> { backgroundcolor transparent bordercolor transparent } skinparam participant<<system>> { StereotypeFontColor #FFFFFF FontColor #FFFFFF BackgroundColor #1168BD BorderColor #3C7FC0 } skinparam person<<system>> { StereotypeFontColor #FFFFFF FontColor #FFFFFF BackgroundColor #1168BD BorderColor #3C7FC0 } skinparam actor<<system>> { StereotypeFontColor #1168BD FontColor #1168BD BackgroundColor #1168BD BorderColor #3C7FC0 } skinparam participant<<system_boundary>> { FontColor #444444 BackgroundColor transparent BorderColor #444444 } skinparam person<<system_boundary>> { FontColor #444444 BackgroundColor transparent BorderColor #444444 } skinparam actor<<system_boundary>> { FontColor transparent BackgroundColor transparent BorderColor #444444 } skinparam box<<system_boundary>>StereotypeFontColor transparent skinparam participant<<system_boundary>>StereotypeFontColor transparent skinparam participant<<person>> { StereotypeFontColor #FFFFFF FontColor #FFFFFF BackgroundColor #08427B BorderColor #073B6F } skinparam person<<person>> { StereotypeFontColor #FFFFFF FontColor #FFFFFF BackgroundColor #08427B BorderColor #073B6F } skinparam actor<<person>> { StereotypeFontColor #08427B FontColor #08427B BackgroundColor #08427B BorderColor #073B6F } skinparam participant<<container>> { StereotypeFontColor #FFFFFF FontColor #FFFFFF BackgroundColor #438DD5 BorderColor #3C7FC0 } skinparam person<<container>> { StereotypeFontColor #FFFFFF FontColor #FFFFFF BackgroundColor #438DD5 BorderColor #3C7FC0 } skinparam actor<<container>> { StereotypeFontColor #438DD5 FontColor #438DD5 BackgroundColor #438DD5 BorderColor #3C7FC0 } sprite $person [48x48/16] { 000000000000000000000000000000000000000000000000 000000000000000000000000000000000000000000000000 0000000000000000000049BCCA7200000000000000000000 0000000000000000006EFFFFFFFFB3000000000000000000 00000000000000001CFFFFFFFFFFFF700000000000000000 0000000000000001EFFFFFFFFFFFFFF80000000000000000 000000000000000CFFFFFFFFFFFFFFFF6000000000000000 000000000000007FFFFFFFFFFFFFFFFFF100000000000000 00000000000001FFFFFFFFFFFFFFFFFFF900000000000000 00000000000006FFFFFFFFFFFFFFFFFFFF00000000000000 0000000000000BFFFFFFFFFFFFFFFFFFFF40000000000000 0000000000000EFFFFFFFFFFFFFFFFFFFF70000000000000 0000000000000FFFFFFFFFFFFFFFFFFFFF80000000000000 0000000000000FFFFFFFFFFFFFFFFFFFFF80000000000000 0000000000000DFFFFFFFFFFFFFFFFFFFF60000000000000 0000000000000AFFFFFFFFFFFFFFFFFFFF40000000000000 00000000000006FFFFFFFFFFFFFFFFFFFE00000000000000 00000000000000EFFFFFFFFFFFFFFFFFF800000000000000 000000000000007FFFFFFFFFFFFFFFFFF100000000000000 000000000000000BFFFFFFFFFFFFFFFF5000000000000000 0000000000000001DFFFFFFFFFFFFFF70000000000000000 00000000000000000BFFFFFFFFFFFF500000000000000000 0000000000000000005DFFFFFFFFA1000000000000000000 0000000000000000000037ABB96100000000000000000000 000000000000000000000000000000000000000000000000 000000000000000000000000000000000000000000000000 000000000000025788300000000005886410000000000000 000000000007DFFFFFFD9643347BFFFFFFFB400000000000 0000000004EFFFFFFFFFFFFFFFFFFFFFFFFFFB1000000000 000000007FFFFFFFFFFFFFFFFFFFFFFFFFFFFFD200000000 00000006FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFE10000000 0000003FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB0000000 000000BFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF5000000 000003FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFD000000 000009FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF200000 00000DFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF600000 00000FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF800000 00001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFA00000 00001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB00000 00001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB00000 00001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFB00000 00001FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFA00000 00000EFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF700000 000006FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFE100000 0000008FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFD3000000 000000014555555555555555555555555555555300000000 000000000000000000000000000000000000000000000000 000000000000000000000000000000000000000000000000 } ' only participant (no e.g. actor) is working with [ ] ? participant admin <<person>> [ <$person> == Administrator ] ' box has only a limitted text support ' ??? stereotypes of box ignored box "== Sample System\n<size:12>[System]</size>" <<person>><<system_boundary>><<boundary>> participant web_app <<container>> [ == Web Application //<size:12>[C#, ASP.NET Core 2.1 MVC]</size>// Allows users to compare multiple Twitter timelines ] end box participant twitter <<system>> [ == Twitter ] admin -> web_app : **Uses**\n//<size:12>[HTTPS]</size>// web_app -> twitter : **Gets tweets from**\n//<size:12>[HTTPS]</size>// hide stereotype legend right <#transparent,#transparent>|<color:#000000>**Legend**</color> | |<#08427B><color:#073B6F> <U+25AF></color> <color:#FFFFFF><$person,scale=.25> person <size:10></size></color> | |<#1168BD><color:#3C7FC0> <U+25AF></color> <color:#FFFFFF> system <size:10></size></color> | |<#438DD5><color:#3C7FC0> <U+25AF></color> <color:#FFFFFF> container <size:10></size></color> | |<#transparent><color:#444444> <U+25AF></color> <color:#444444> system boundary <size:10>(dashed)</size></color> | endlegend @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