Tools JSON
JSON Graph Visualizer
See JSON as an interactive graph of nodes and edges, or as a collapsible tree.
🔒 Runs in your browser. Nothing is uploaded.How to use it
- Paste your JSON, or click "Load example".
- Each object and array becomes a box listing its simple values; lines connect it to the objects and arrays nested inside it, labelled with their key.
- Drag to pan, scroll or pinch to zoom, and use the buttons in the corner to zoom or fit everything on screen.
- Switch to Tree for a collapsible outline. Documents with more than 1,000 objects and arrays always open as a tree.
Questions
Why is my JSON shown as a tree instead of a graph?
Graphs with more than 1,000 boxes are too dense to read and slow to draw, so larger documents open as a tree. Open only the branches you need; each one loads when you expand it.
How is the graph laid out?
Left to right, from the root to the most deeply nested values, so you can follow the structure the way you would read the file.
Is my JSON uploaded?
No. The graph is built and drawn in your browser, and the page’s security policy blocks it from sending your data anywhere.