PlantUML has a good way of visualizing JSON
Posted by Pete McBreen 24 Jan 2021 at 03:55
Ran across this while looking at c4model.com for a way to visualize the architecture of a system.
PlantUML now supports JSON in that it can draw a diagram that reflects the structure of the JSON, and it does it relatively simply. The #highlight “phoneNumbers” provides highlighting on the image, and even better, you can use markdown like highlighting inside the JSON to do the usual bolding as per the firstName at the top of the JSON.
@startjson
#highlight "phoneNumbers"
{"**firstName**": "John","lastName": "Smith","isAlive": true,"age": 27,"address":
{"streetAddress": "21 2nd Street","city": "New York","state": "NY","postalCode": "10021-3100"},
"phoneNumbers": [{"type": "home","number": "212 555-1234"},
{"type": "office","number": "646 555-4567"}],
"children": [],"spouse": null}
@endjson
Then simply execute plantuml to generate the image
> java -jar plantuml.jar -tpng json.txt
Resulting Image that can be rendered into most formats that you might be interested
This is a great example of the concept of Diagrams as Text as it gives a source that is easy to diff while still allowing an easy to view presentation format.