@startuml !$data={"participants":[ {"shape": "cloud", "name": "id1", "colour": "#green", "desc": "some text"}, {"shape": "folder", "name": "id2", "colour": "#blue", "desc": "more text"}, {"shape": "database", "name": "id3", "colour": "#red", "desc": "even more text"} ]} rectangle Outer { rectangle Inner as " {{json $data }} " together { !foreach $part in $data.participants $part.shape $part.colour $part.name as "$part.desc" Inner --> $part.name !endfor } } @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