How does the comparison work?

It parses both inputs and walks the two trees by key and array index, recording every leaf that was added, removed or changed along with its dotted path, such as tags[1] or limits.upload.

Does key order in objects matter?

No. Objects are compared by key, not by order, so reordering properties is not reported as a difference. Array elements are compared by position.

How are array changes reported?

Array elements are matched by index. If element 1 changes, you see a changed entry at path[1]; if the new array is longer, the extra positions show as added, and a shorter array shows the missing positions as removed.

What counts as a changed value?

A leaf whose path exists in both documents but holds a different value — a different number, string, boolean, or a switch between a primitive and an object or array. Each is labelled with its full dotted path.

What happens if one side is not valid JSON?

The tool parses both documents first. If either side fails to parse it reports the JSON error instead of a diff, so you can fix the syntax before comparing.

Is this a textual or structural diff?

Structural. It compares the parsed data, not the raw text, so whitespace, indentation and key order never show up as differences — only real value changes do.

Is my data uploaded anywhere?

No — both documents are parsed and compared entirely in your browser and nothing is sent to a server.

JSON Diff Tool — Gera Tools

Compare two JSON documents

A line-by-line text diff of two JSON files is noisy: reformatting or reordering keys lights up the whole file even when nothing really changed. This tool does a structural comparison instead — it parses both documents and compares the data, so you see only the values that actually differ, each labelled by its path.

How it works

The tool parses the left (original) and right (changed) documents, then walks the two trees in parallel:

Objects are matched by key, regardless of order.
Arrays are matched by index (position).
Every leaf is classified as added (only on the right), removed (only on the left) or changed (present on both with different values).

Each difference is reported with its dotted path, such as limits.upload or tags[1]. Added values are shown in green with a plus, removed values in red with a minus.

Example

Comparing these two documents:

{ "name": "api", "limits": { "upload": 5 }, "tags": ["a", "b"] }

{ "name": "api", "limits": { "upload": 20 }, "tags": ["a", "c"] }

reports two changes and nothing else:

~ limits.upload: 5 → 20
~ tags[1]: "b" → "c"

name is identical, so it is not listed. Everything runs in your browser, so nothing is uploaded.