JSON Viewer
Paste JSON and walk through it as a tree, with the path of every value one click from your clipboard.
Input
Syntax colouring is off for this document because recolouring something this large on every keystroke would slow typing down. Every tool still works normally.
Tree
Loads each image straight from its own URL when this is on. It is the only feature on this page that loads anything from outside your browser.
The tree appears here.
The graph appears here.
Export
Columns
The tree appears here.
Select a value in the tree to see its path Runs entirely in your browser. Nothing you paste is uploaded, and you can confirm that in your browser Network tab.
About this tool
The tree is built from the same token stream the formatter prints from, so what you see is what your document actually says: a twenty digit integer keeps every digit, and keys that look like numbers stay in the order you wrote them. Branches are drawn when you open them rather than all at once, which is what keeps a large document responsive instead of freezing the tab while ten thousand rows are laid out. Selecting a value shows its path and highlights the source text it came from in the editor, so moving between the shape of a document and the text of it does not mean counting brackets by hand. A graph view lays the same tree out as nodes and connecting lines instead, for a document where the relationships between values matter more than the order they were written in. A table view reads an array of objects as a grid instead, with sortable columns, a column visibility picker, a click to copy any cell, and an Export CSV button, for the equally common case where the document already is a list of records and a spreadsheet is the natural way to look at it.
How to use
- Paste your JSON into the editor on the left, or load the sample.
- The tree is drawn as soon as you stop typing. Open a branch to see what is inside it.
- Select a value to see its path and highlight it in the editor, then copy the path with one button.