a No file open
Create a new file or open an existing one from the sidebar
JSON Visualizer
Press Ctrl+V or Cmd+V on the graph to visualize your own JSON.
How do I visualize JSON as a graph?
Flow view turns JSON into a graph where objects and arrays become nodes linked to their children, so you can see the shape of a payload at a glance. Pan and zoom around it, use the minimap on bigger documents, and edit values right on the nodes.
It's the same data as the code and the tree, so you can flip between views from the toolbar without losing anything.
- Press Ctrl+V or Cmd+V on the graph, or drop a .json file onto the page.
- Drag to pan and scroll to zoom.
- Edit a value on its node and the JSON updates.
Questions people ask
When is a graph better than a tree?
A graph is great for seeing structure, how deep things nest and how wide arrays get. A tree is quicker for reading values and copying paths, and both are one click apart in the toolbar.
Does it handle big files?
Graphs get busy fast. A few hundred nodes is comfortable, and for anything bigger the Tree view is easier to get around.
Is my data uploaded anywhere?
No, this runs entirely in your browser, so nothing you paste is sent to a server. The only feature that sends data anywhere is the optional AI assistant, and only when you actually ask it something.