JSON Visualizer
See JSON as a graph, a tree or columns, with field statistics, smart previews and the path of every value. Private: nothing is uploaded.
JSON, YAML or TOML
Stays in your browserShortcuts: Ctrl+Enter run · Ctrl+Shift+C copy result · / search (use ⌘ on Mac)
Next steps
Done here? Use the Send to… menu on the result to carry it on to JSON Editor, jq Playground or JSON Compare.
Free Online JSON Visualizer: Graph, Tree and Columns
Paste JSON, YAML or TOML and see its structure as a graph, a collapsible tree or Miller columns, with the path of every value ready to copy. It gives developers a quick browser-based way to solve a focused json visualizer task before moving the result into a project.
How to visualize JSON
Paste your data and press Visualize. Drag the graph to move it, scroll to zoom, and click a node to see its path in JSONPath, jq and JavaScript form. Long lists show their first 50 items; click the "+N more" node to reveal more.
Three views of the same data
- Graph: every object and list as a node with lines to its children, top to bottom or left to right.
- Tree: the familiar collapsible outline.
- Columns: click a value and its contents open in the next column.
Statistics for lists of objects
Select a list of objects and the side panel counts, for each key, how many items have it, how many lack it, how many are null and which types it holds. Click a count to highlight those items.
Common mistakes
- Only the first 50 items of a list are drawn at first. Use search, or click "+N more", to reach the others.
- A graph of thousands of nodes is hard to read: collapse containers you do not need, or switch to the tree.
- Numbers that look like times (10 or 13 digits) get a date preview, which may not be what the number means.