JSON Tree Viewer
Paste JSON to visualize it as an expandable tree. Format or minify it, and explore nested data at a glance.
Display options
- object
- array
- string
- number
- boolean
- null
Preparing the canvas…
Drag to pan, scroll or pinch to zoom, and use a node's Toggle button to fold a branch.
What the JSON Visualizer does
- Draws JSON as an expandable tree so you can see the shape of deeply nested data at a glance.
- Colours every node by value type — object, array, string, number, boolean or null.
- Formats and minifies, and reports parse errors with the line and column where they occur.
- Lets you pan, zoom, fold branches and open the tree full screen.
What it doesn't do
- It doesn't validate against a JSON Schema.
- It doesn't accept JSON5, JSONC or trailing commas — the input must be strict JSON.
- Very large documents will slow the tree down, since every node is drawn.
Frequently asked questions
Why does my JSON say "unexpected character"?
Almost always a trailing comma after the last item, single quotes instead of double quotes, or an unquoted property name. Strict JSON allows none of those, even though JavaScript does. The error message names the line and column to check.
Is my data sent to a server?
No. Parsing and rendering happen in your browser. Note that the JSON is placed in the page URL so the view can be shared, so avoid pasting confidential payloads if you intend to send someone the link.
What's the difference between formatting and minifying?
Formatting adds indentation and line breaks for reading. Minifying strips every optional space, producing the smallest valid equivalent for transmission. Both preserve the data exactly.