jsontoolskit.org
JSON and JSON Schema utilities, in the browser
Say hi →

JSON Graph Visualizer

tree / radial layout · light / dark / print · SVG / PNG export

Render the JSON document as a node-and-edge graph. Objects and arrays are boxes; keys are labels. Tree layout (default) is fast even for thousands of nodes. Export as SVG (scales for print) or PNG (raster) for documentation.

Paste JSON.

How to visualise JSON

  1. Paste your JSON.
  2. The graph renders automatically. Each object / array is a node; keys are labeled edges; primitives are leaf nodes.
  3. Layout dropdown: Force-directed (default), Tree, Radial.
  4. Theme dropdown: light, dark, print-friendly, high-contrast.
  5. Export as PNG (raster) or SVG (vector, scales for print).
  6. Click any node to centre and expand its branch; double-click to collapse.

FAQ

How big a JSON can it render?

Tree layout handles up to ~10 000 nodes comfortably. Beyond that, expect slowdowns. For very large documents, use the tree viewer instead.

Why does my SVG look different in another tool?

Some SVG viewers don't render embedded fonts. The exported SVG uses system fonts — open it in a browser for the best fidelity.

Will it work offline?

Yes — pure SVG rendered in JS.