---
source: https://www.jointjs.com/demos/json-visualizer
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/json-visualizer/README.md
generated: 2026-03-26
format: plaintext
---

JointJS+: JSON Visualizer <a href="https://www.jointjs.com/jointjs-plus"><img src="../jointjs-plus-badge.svg" alt="JointJS+" width="123" align="right" /></a>

This demo shows how to write a simple JSON visualizer using JointJS+. Use TreeLayout to automatically position nodes and add Record shapes to organize object properties into tables where values have different styles depending on their type.

This demo is also available online at jointjs.com.

Available Versions

JavaScript

Screenshot

!screenshot