JSON input⌘/Ctrl + Enter to render
Waiting for input.

Your key stays in this browser (localStorage) and is sent only to api.openai.com — never to any MSDEVBUILD server. This is a static site with no backend.

{ }

Your diagram will appear here

About the JSON diagram viewer

Reading a deeply nested payload as text is a poor use of a human. This tool lays JSON out as a node-link tree you can pan, zoom, collapse and search, so the shape of the data is visible at a glance. It is the fastest way to explain an API response to someone else — and with presentation mode it goes full screen for exactly that.

How to use it

  1. Paste JSON, upload a file, or load the sample.
  2. Click Render, then collapse or expand branches to explore. Search highlights matches and opens the branches that contain them.
  3. Export the diagram as PNG or SVG, or press Present to show it full screen.

Questions

Can I use this to present JSON in a meeting?

Yes — that is what presentation mode is for. Press Present (or Shift+P) and the diagram takes the whole screen, with a presenter toolbar for zoom, fit, panning and a laser pointer.

What do the export formats give me?

SVG is vector, so it stays sharp in slides and print at any size. PNG is a raster image at screen resolution, handy for chat and tickets.

Is there a size limit for the diagram?

Very large documents produce very large trees. A few thousand nodes render comfortably; beyond that, collapse branches first or narrow the payload with the JSONPath tester.