JSON Viewer
Paste JSON and walk through it as a tree, with the path of every value one click from your clipboard.
Input
Colorazione sintattica disattivata.
Albero
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.
L'albero appare qui.
The graph appears here.
Export
Columns
L'albero appare qui.
Seleziona un valore nell'albero per vedere il suo percorso Funziona interamente nel tuo browser.
Su questo strumento
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.
Come usare
- 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.