@startuml skinparam defaultTextAlignment center rectangle "RIGHT Group\rRIGHT RIGHT RIGHT RIGHT\rRIGHT RIGHT" as supR { rectangle "LEFT Group\lLEFT LEFT LEFT LEFT LEFT\lLEFT LEFT" as supL { rectangle supC [ <b>CENTER Group <b>CENTER CENTER CENTER CENTER <b>CENTER CENTER {{ skinparam defaultTextAlignment right rectangle "RIGHT Component\rRIGHT RIGHT RIGHT RIGHT\rRIGHT RIGHT" as subR }} {{ skinparam defaultTextAlignment left rectangle "LEFT Component\lLEFT LEFT LEFT LEFT LEFT\lLEFT LEFT" as subL }} {{ skinparam defaultTextAlignment center rectangle "CENTER Component\nCENTER CENTER CENTER CENTER\nCENTER CENTER" as subC }} ] } } @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