JSON Graph Viewer: See JSON as a Diagram
Turn JSON into an interactive graph of connected boxes. Zoom, pan and collapse branches to understand large API responses and configuration files at a glance.
Paste JSON to see it as a graph
How it works
- 1
Paste or open your data
Paste text, drop a file onto the editor or click Open file. Load sample shows how the tool works.
- 2
Adjust the options
The result updates as you type. Change the options to get exactly the output you need.
- 3
Copy or download
Copy the result to the clipboard or download it as a file.
Why PixNudge
Nothing is uploaded
Your data is processed in your browser and never sent to a server, so API keys, tokens and customer data stay private.
Instant, even for large files
There is no round trip to a server: results appear as you type, and files of several megabytes are handled smoothly.
Exact numbers
Long numbers such as 64-bit IDs are kept exactly as written instead of being rounded.
Frequently asked questions
How do I read the graph?
Each object or array is a box that lists its values. Nested objects and arrays are drawn as separate boxes connected by lines, so you can follow the structure of the data from left to right.
How do I move around a large graph?
Drag to move, scroll to zoom and click Fit to see everything again. Click the + or − next to a nested object or array to expand or collapse it, and click any value to see and copy its path.
Can I save the graph?
Yes. Click SVG to download the graph as a vector image that you can open in a browser or add to documentation.