@startjson <style> jsonDiagram { node { BackGroundColor black LineColor lightblue FontName Helvetica FontColor #CCFF02 FontSize 18 FontStyle bold RoundCorner 0 LineThickness 2 LineStyle 10;5 separator { LineThickness 0.5 LineColor black LineStyle 1;5 } } arrow { BackGroundColor lightblue LineColor green LineThickness 2 LineStyle 2;5 } } </style> #highlight "address" / "state" { "firstName": "John", "lastName": "Smith", "isAlive": true, "age": 27, "address": { "streetAddress": "21 2nd Street", "city": "New York", "state": "NY", "postalCode": "10021-3100" } } @endjson
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