$> Kaya
~/tools/json-diff-viewerinteractive
/tools/json-diff-viewer

JSON Diff Viewer

Use this JSON diff viewer to compare two JSON inputs and highlight which flattened paths were added, removed, or changed.

~/tools/json-diff-viewerjq diff
active
Added
after: true
age
Changed
before: 20
after: 21
tags[1]
Added
after: "writer"
~/tools/json-diff-viewer/examplesusage.txt

Example Usage

  • Compare API responses before and after a code change.
  • Inspect which fields changed between two JSON payload versions.
  • Review added or removed paths in config objects without using command-line tools.
~/tools/json-diff-viewer/guideREADME.md

JSON Diff Viewer Explained

A JSON diff viewer helps you understand how two JSON documents differ without manually scanning nested structures. This version flattens both inputs into path-based keys, then compares those paths to show what was added, removed, or changed. That makes the output easier to scan when payloads contain deep nesting or arrays. It is useful for API debugging, config review, fixture updates, and general development work where JSON changes need to be understood quickly.

~/tools/json-diff-viewer/faq3 items

FAQ

Does it compare nested JSON too?

Yes. Nested objects and arrays are flattened into comparable paths before diffing.

What kinds of changes does it show?

It shows added paths, removed paths, and paths whose values changed.

Do both inputs need to be valid JSON?

Yes. The diff runs only after both sides parse successfully.

~/tools/json-diff-viewer/related5 links
~/tools/json-diff-viewer/linksinternal