JSON Viewer Guide
Explore a JSON document as a collapsible tree or as a table of records, with a live count of nested values.
A short companion for JSON Viewer: when it is useful, what it expects, and what to check before using the result.
What it does
Two reads of one JSON document. The tree view collapses every branch, with a count of the nested values inside it and buttons to expand or collapse everything at once. The table view lays a list of records out as a grid, one row per record and one column per key, which is usually the fastest way to scan an API response. Both views are built for finding your way around a payload you have not seen before — an API response, a config file, a webhook body. The document is parsed locally.
Use the tool
Open JSON Viewer, add the input the tool asks for, run it, and check the output before using it elsewhere.
Input and output
- Input: text.
- Output: text.
- Category: Formats.
Privacy and processing
Processing happens locally in your browser. This tool does not upload the input to ilham.dev.
Questions
What decides the columns in the table view?
Every key that appears anywhere in the records becomes a column, in the order the keys first appear, with a row number in front when the document is an array. A key that only some records carry leaves an empty cell rather than shifting the row.
How are nested objects and arrays shown in a cell?
As compact JSON, cut off after about 120 characters. The full text is kept in the cell's tooltip. Use the tree view when you need to read a nested value properly.
Can it open a large file?
It handles documents in the megabytes. The browser still has to lay out every visible node, so very large files are easier to explore with the deep branches left collapsed.
Can I get a single value out?
Yes. The tree is there for reading, and the JSON Formatter is the tool for copying the whole document back out as text.
Related guide
For broader background, see Working With Structured Data.