JSON Graph Visualizer

Every JSON object, array, and primitive value (string, number, boolean, null) becomes its own node. A line connects each node to its parent — the object or array it's nested inside — so the graph mirrors the JSON's structure rather than just its formatted text.

The graph uses a force-directed layout: nodes repel each other, links pull connected nodes together, and everything is pulled toward a shared center, run for a fixed number of simulation steps to settle into a readable arrangement — the same general technique used by tools like Gephi or D3's force layout.

Yes — graphs are capped at a few hundred nodes so very large or deeply repetitive JSON payloads don't freeze the browser tab. If your input is truncated, a badge above the graph tells you so.