Util / JSON
/JSON Diff
Left tree appears here after comparing.
compare
view
tree
diff
— added— removed— changedRight tree appears here after comparing.
About the JSON diff tool
Both documents render as full trees, side by side, with the exact node that differs highlighted in place — green for something only present on the right, red for something only present on the left, amber for a value that changed. A dashed amber marker appears on any collapsed container that has a change somewhere inside it, so collapsing a branch never hides that something underneath changed.
FAQ
Does array order matter?
Yes — arrays are compared index by index, so reordering items will show as changes.
Why is only one side highlighted for an added/removed key?
An added key only exists on the right, and a removed key only exists on the left — there's no node on the other side to highlight.